現在我通過重力感應API 的得到 longitude,將手機平放在桌面時,將其進行旋轉,其值是0增加到360。當到達360時,再轉就會突變成0.由于我是通過得到前后兩次的旋轉角度的差值,進行過渡動畫。 可當到達360在轉到0時, 前后兩者的差值就會發生突變,造成過渡動畫突變(旋轉一周后再回到正常的位置)。我的過渡動畫是通過 transform: rotateY() 進行過渡的,因此有什么方法可以解決這種突變呢(即讓360與0之間的轉換平順)?// 我的過渡方法:①第一次進入頁面時,記錄當前的 longitude值為 initLon②手機旋轉時,獲取longitude值為 curLon,然后 disLon = curLon - initLon 得到差值,然后進行過渡運算。因此360與0之間的突變會導致動畫過渡問題
一個關于圓(角度)的JS動畫問題
繁星coding
2018-09-12 13:21:48