一个关于圆(角度)的JS动画问题 财富值91

2016-10-27 16:46发布

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

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

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

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

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答
mishen - whatsns产品经理
1楼-- · 2016-10-27 17:25

同求这个问题

使用JQ控制CSS3过渡

一周热门 更多>