js设置图片随机旋转角度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js设置图片随机旋转角度相关的知识,希望对你有一定的参考价值。

设置随机旋转-10到20度
var imgcss=document.getElementsByTagName("img");
for(var i=0;i<imgcss.length;i++)

var j=parseInt(Math.random()*30-10)+"deg";
imgcss[i].style.transform="rotate('j')";


代码应该是:
imgcss[i].style.transform="rotate(" + j + ")";
首先 j是变量 双引号里面套单引号 还是字符串, 不是变量

其次 字符串拼接要写加号
参考技术A 旋转rotate.js的代码如下:

var ele ;

//自定义函数
$.fn.extend(
rotate: function ()
ele = this ;
setInterval('singleRotate()',20);

);

//初始角度
var degree = 0;

//单次旋转
function singleRotate()
//一次增加50度
degree = degree + 50 * Math.PI / 180;
ele.css("transform","rotate("+degree+"deg)");


代码中只需引用一下js就行了,我将其封装后放在了服务器上,大家可以直接引用

1

<script src="http://libs.codeboy.me/js/rotate/1.0/rotate.js"></script>

引用前记得引用jquery,最后在自己的代码中调用rotate方法即可。

1

$(element).rotate();

以上是关于js设置图片随机旋转角度的主要内容,如果未能解决你的问题,请参考以下文章

深度学习项目 | 一招让你的mao(猫)片十倍增长

如何在张量流中随机旋转不同角度的图像

ARCore Sceneform ViewRenderable 以随机角度旋转图像

在 3D 空间中沿 Y 轴的一个角度在随机点处旋转单位向量

unity添加风吹树叶掉落的效果

JavaScript随机验证码