Este artigo descreve o método de implementação do giro de 360 graus do botão para controlar a imagem. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<título> js implementa a imagem de controle de botão de botão 360 graus de flip </ititle>
<Body>
<Script Language = "JavaScript">
var isie = (document.uniqueid)? 1: 0;
var i = 1;
função girar (imagem)
{
var object = image.parentNode;
if (isie) {
image.style.filter = "progid: dximageTransform.microsoft.basicimage (rotação ="+i+")";
i ++;
if (i> 4) {i = 1};
}
outro{
tentar{
var canvas = document.createElement ('canvas');
if (Canvas.getContext ("2d")) {
object.Replacechild (tela, imagem);
var context = Canvas.getContext ("2D");
context.Translate (176, 0);
context.rotate (math.pi*0.5);
context.Drawimage (imagem, 0,0);
}
} catch (e) {}
}
}
</script>
<input type = "button" value = "clique para girar a imagem" onclick = "girate (document.getElementById ('myimg'))" /> <r />
<img id = "myimg" src = "/imagens/m03.jpg"/>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.