ホームページ > ウェブフロントエンド > jsチュートリアル > photos_javascriptスキルの360度反転効果のボタン制御を実装するjsメソッド

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

WBOY
リリース: 2016-05-16 16:13:33
オリジナル
1325 人が閲覧しました

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

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

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 プログラミング設計に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート