主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
js实现图片360度旋转效果
2016-11-01
网页编程网
网页编程网
<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> <input type="button" value="点击旋转图片" onclick="rotate(document.getElementById('myimg'))" /><br /> <img id="myimg" src="http://youkud.com/image/banner4.jpg"/>
阅读原文
阅读
4051
123
显示电脑版