Artikel ini menjelaskan metode penerapan flip tombol 360 derajat untuk mengontrol gambar. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<Title> JS mengimplementasikan gambar kontrol tombol 360 derajat flip efek </iteme>
<body>
<bahasa skrip = "javascript">
var isie = (document.uniqueId)? 1: 0;
var i = 1;
fungsi berputar (gambar)
{
var objek = image.parentnode;
if (isie) {
image.style.filter = "progid: dximagetransform.microsoft.basicimage (rotation ="+i+")";
i ++;
if (i> 4) {i = 1};
}
kalau tidak{
mencoba{
var canvas = document.createElement ('Canvas');
if (canvas.getContext ("2d")) {
Object.Replacechild (Canvas, Image);
var context = canvas.getContext ("2d");
Context.translate (176, 0);
Context.Rotate (Math.pi*0.5);
context.drawimage (gambar, 0,0);
}
} catch (e) {}
}
}
</script>
<input type = "Tombol" value = "Klik untuk memutar gambar" onclick = "rotate (document.geteLementById ('myimg'))" /> <br />
<img id = "myimg" src = "/gambar/m03.jpg"/>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.