javascript如何实现图片任意角度的旋转?

如题。。。3Q!... 如题。。。3Q! 展开
 我来答
丶子贤5
2015-09-03 · 超过23用户采纳过TA的回答
知道答主
回答量:109
采纳率:0%
帮助的人:41万
展开全部
可以用JAvascript改变这个图片的css来旋转他:
这个是css代码:
img {
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}

在JAvascript里面可以先获取到这张图片 设置图片id = "box"
var img = document.getElementById('box'); 获取到这个图片并用变量记住
img.style.transform = "rotate(90deg)"; 改变这个图片的css,旋转90度

完毕!!!
兰下小小草
2014-04-12 · TA获得超过181个赞
知道小有建树答主
回答量:105
采纳率:100%
帮助的人:90.9万
展开全部
这个如果没有对低版本浏览器兼容的要求的话,可以使用CSS3来实现,现在主流的浏览器都已支持
// 旋转60度
-moz-transform:rotate(60deg);
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
更多追问追答
追问
那个。。。我说的是javascript。。。。。

3Q、
追答

CSS都告诉你了,你就可以使用JS来改变样式了啊.... 好吧,送佛送到西,JS如下:

div.style.MozTransform = "rotate(60deg)";
div.style.WebkitTransform = "rotate(60deg)";
div.style.transform = "rotate(60deg)";
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
TWTUSRTG
2014-04-14
知道答主
回答量:39
采纳率:0%
帮助的人:15.1万
展开全部
用html5 canvas里有个rotate方法
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式