首页 > 一个关于圆(角度)的JS动画问题

一个关于圆(角度)的JS动画问题


现在我通过重力感应API 的得到 longitude,将手机平放在桌面时,将其进行旋转,其值是0增加到360。当到达360时,再转就会突变成0.

由于我是通过得到前后两次的旋转角度的差值,进行过渡动画。 可当到达360在转到0时, 前后两者的差值就会发生突变,造成过渡动画突变(旋转一周后再回到正常的位置)。

我的过渡动画是通过 transform: rotateY() 进行过渡的,因此有什么方法可以解决这种突变呢(即让360与0之间的转换平顺)?

// 我的过渡方法:
①第一次进入页面时,记录当前的 longitude值为 initLon
②手机旋转时,获取longitude值为 curLon,然后 disLon = curLon - initLon 得到差值,然后进行过渡运算。因此360与0之间的突变会导致动画过渡问题


那你360写多点720,360的倍数不就行了。。。


何不用180度~170和190应该存在对称性。

【热门文章】
【热门文章】