Pictures_javascript 스킬의 360도 뒤집기 효과 버튼 제어를 구현하는 js 메소드

이 기사의 예에서는 js를 사용하여 버튼 제어 이미지의 360도 뒤집기 효과를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

<스크립트 언어="javascript">
var isIE = (document.uniqueID)?1:0;
var i=1;
기능 회전(이미지)
{
var 객체 = 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(캔버스,이미지);
var context = canvas.getContext("2d");
context.translate(176, 0);
context.rotate(Math.PI*0.5);
context.drawImage(이미지,0,0);
}
}잡기(e){}
}
}