이 기사에서는 이미지를 제어하기 위해 버튼의 360도 플립을 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<title> js는 버튼 제어 이미지 360도 플립 효과 </title>를 구현합니다
<body>
<script language = "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+")";
i ++;
if (i> 4) {i = 1};
}
또 다른{
노력하다{
var canvas = document.createElement ( 'canvas');
if (canvas.getContext ( "2d")) {
객체 .replacechild (캔버스, 이미지);
var context = canvas.getContext ( "2d");
컨텍스트. 트랜스 슬레이트 (176, 0);
context.rotate (math.pi*0.5);
Context.DrawImage (이미지, 0,0);
}
} catch (e) {}
}
}
</스크립트>
<입력 유형 = "버튼"value = "사진을 회전하려면 클릭하십시오.
<img id = "myimg"src = "/images/m03.jpg"/>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.