Cet article décrit la méthode d'implémentation du flip à 360 degrés du bouton pour contrôler l'image. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<Title> JS implémente l'image de contrôle du bouton Image à 360 degrés Effet </TITAL>
<body>
<script linguisse = "javascript">
var isie = (document.UniqueId)? 1: 0;
var i = 1;
Fonction Rotation (image)
{
var objet = image.parentNode;
if (isie) {
image.style.filter = "PROGID: dximageTransform.microsoft.basicImage (rotation =" + i + ")";
i ++;
if (i> 4) {i = 1};
}
autre{
essayer{
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 (image, 0,0);
}
} catch (e) {}
}
}
</cript>
<entrée type = "bouton" value = "Cliquez pour rotation l'image" onclick = "rotate (document.getElementById ('myimg'))" /> <r />
<img id = "myimg" src = "/ images / m03.jpg" />
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.