photos_javascriptスキルの360度反転効果のボタン制御を実装するjsメソッド

この記事の例では、js を使用してボタン制御された画像の 360 度反転効果を実現する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<スクリプト言語="javascript">
var isIE = (document.uniqueID)?1:0;
var i=1;
関数回転(画像)
{
var object = image.parentNode;
if(isIE){
image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation=" 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(image,0,0);
}
}キャッチ(e){}
}
}

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。