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/p/2293097.html