Dieser Artikel beschreibt die Methode zur Implementierung des 360-Grad-Flips der Schaltfläche, um das Bild zu steuern. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<titels> js implementiert Taste Steuerung Bild 360-Grad-Flip-Effekt </title>
<body>
<script Language = "JavaScript">
var isie = (document.uniqueId)? 1: 0;
var i = 1;
Funktion drehen (Bild)
{
var Object = Image.Parentnode;
if (isie) {
Image.Style.Filter = "Progid: DimaMagetransform.Microsoft.Basicimage (Rotation ="+i+")";
i ++;
if (i> 4) {i = 1};
}
anders{
versuchen{
var canvas = document.createelement ('canvas');
if (canvas.getContext ("2d")) {
Object.Replacechild (Leinwand, Bild);
var context = canvas.getContext ("2d");
context.translate (176, 0);
context.rotate (math.pi*0,5);
context.drawimage (Bild, 0,0);
}
} catch (e) {}
}
}
</script>
<input type = "button" value = "Klicken Sie, um das Bild" onclick = "rotieren (Dokument.GetElementById ('MyImg')") " /> <br /> zu drehen
<img id = "myimg" src = "/images/m03.jpg"/>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.