jq点击旋转动画_jquery实现图片点击旋转

该篇博客探讨了如何使用数学公式(如正弦、余弦和反正弦)来计算CSS旋转的角度,并提供了一个名为`getmatrix`的函数来处理这些计算。`rotate`函数用于根据当前CSS旋转角度进行元素的动态旋转,每次增加指定的步长。博客内容涉及CSS变换、角度转换和前端开发中的数学应用。
摘要由CSDN通过智能技术生成

function getmatrix(a,b,c,d,e,f){

var aa=Math.round(180*Math.asin(a)/ Math.PI);

var bb=Math.round(180*Math.acos(b)/ Math.PI);

var cc=Math.round(180*Math.asin(c)/ Math.PI);

var dd=Math.round(180*Math.acos(d)/ Math.PI);

var deg=0;

if(aa==bb||-aa==bb){

deg=dd;

}else if(-aa+bb==180){

deg=180+cc;

}else if(aa+bb==180){

deg=360-cc||360-dd;

}

return deg>=360?0:deg;

//return (aa+','+bb+','+cc+','+dd);

}

function rotate(dom){

var ele = $(dom);

// console.log(ele.css('transform'))

var css = ele.css('transform');

var deg;

var step=90;//每次旋转多少度

if(css === 'none'){

deg = 0;

} else {

deg=eval('get'+css);

}

ele.css({'transform':'rotate('+(deg+step)%360+'deg)'});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值