JavaScript控制图片360度旋转代码

代码简介：

JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢。

代码内容：

View Code

<title>JavaScript控制图片360度旋转代码 - www.webdm.cn</title>
<script language="javascript"> 
var isIE = (document.uniqueID)?1:0;  
var i=1; 
function rotate(image) 
{ 
var object = image.parentNode; 
if(isIE){ 
image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; 
i++;    
if(i>4) {i=1}; 
} 
else{ 
try{ 
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); 
} 
}catch(e){} 
} 
} 
</script> 
<img id="myimg" src="http://www.webdm.cn/images/wall1.jpg "/> <br /> 
<input type="button" value="旋转" onclick="rotate(document.getElementById('myimg'))" />
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>

 

代码来自：http://www.webdm.cn/webcode/2c6901bf-94b4-4e31-acf3-066393860296.html

转载于:https://www.cnblogs.com/webdm/archive/2011/12/19/2293097.html