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

JavaScript010

javascript如何实现图片任意角度的旋转？,第1张

可以用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度

完毕！！！

代码应该是：

imgcss[i].style.transform="rotate(" + j + ")"

首先 j是变量 双引号里面套单引号 还是字符串， 不是变量

其次 字符串拼接要写加号

Babylon.js可以使用以下函数来实现720度旋转：

scene.beginAnimation(mesh, 0, 720, true)

其中，mesh是要旋转的物体，0是起始角度，720是结束角度，true表示循环动画。