首页 > 网络编程 > JavaScript > javascript技巧 > 图片360度旋转 JavaScript控制图片360度旋转代码 2011-12-20 00:56:57 作者： JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢 <title>JavaScript控制图片360度旋转代码</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="/upload/201112/20111220005728433.jpg "/><br> <input type="button" value="旋转" onclick="rotate(document.getElementById('myimg'))" /> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:原生JS实现旋转木马式图片轮播插件JS实现图片平面旋转的方法jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)javascript结合canvas实现图片旋转效果纯JS实现旋转图片3D展示效果js实现图片旋转的三种方法浏览器图片选择预览、旋转、批量上传的JS代码实现JS旋转图片阵类特漂亮的JS图片排列旋转效果代码js实现图片360度旋转
