Este artículo describe el método para implementar el flip de 360 grados del botón para controlar la imagen. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<title> JS implementa el botón Imagen de control de 360 grados Efecto </title>
<Body>
<script language = "javaScript">
var isie = (document.uniqueID)? 1: 0;
var i = 1;
Función Rotar (imagen)
{
var objeto = image.parentNode;
if (isie) {
image.style.filter = "progid: dximagetransform.microsoft.basicimage (rotation ="+i+")";
i ++;
if (i> 4) {i = 1};
}
demás{
intentar{
var lienvas = document.createElement ('Canvas');
if (canvas.getContext ("2d")) {
object.replaceChild (lienzo, imagen);
var context = canvas.getContext ("2d");
context.translate (176, 0);
context.rotate (math.pi*0.5);
context.DrawImage (imagen, 0,0);
}
} catch (e) {}
}
}
</script>
<input type = "button" value = "haga clic para rotar la imagen" onClick = "Rotate (document.getElementById ('myImg'))" /> <Br />
<img id = "myimg" src = "/images/m03.jpg"/>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.