この記事では、画像を制御するためにボタンの360度のフリップを実装する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<Title> JS実装ボタン制御画像360度のフリップ効果</title>
<body>
<スクリプト言語= "javascript">
var isie =（document.uniqueid）？1：0;
var i = 1;
関数回転（画像）
{
var object = image.parentnode;
if（isie）{
image.style.filter = "progid：dmimagetransform.microsoft.basicimage（rotation ="+i+"）";
i ++;
if（i> 4）{i = 1};
}
それ以外{
試す{
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（画像、0,0）;
}
} catch（e）{}
}
}
</script>
<入力型= "ボタン"値= "画像をクリックして回転します" onclick = "rotate（document.getElementbyid（ 'myimg'））" /> <br />
<img id = "myimg" src = "/mage/m03.jpg"/>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。