JavaScript控制图片360度旋转代码
2011-12-20 00:00
232 查看
JavaScript控制图片360度旋转代码
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){}
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
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){}
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- JavaScript控制图片360度旋转代码
- JavaScript控制图片360度旋转代码
- 【JavaScript】控制图片大小的代码
- 纯javascript代码实现浏览器图片选择预览、旋转、批量上传
- javascript 控制图片播放代码
- JavaScript实现图片旋转构成3D圆环代码
- 利用C#代码实现图片旋转360度
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- javascript控制图片播放的实现代码
- JavaScript控制图片左右播放的幻灯片代码
- javascript代码控制图片在页面显示时等比例缩放
- javascript控制图片播放的实现代码
- 图片360度倒转效果网页特效,用按钮控制90度旋转
- javascript控制图片旋转
- 用javascript实现旋转图片效果的代码
- javascript控制图片旋转2
- javascript 控制图片播放代码
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- JavaScript控制图片横向滚动代码
- Javascript控制图片围成3D模型旋转展示