本文通過原生JS，點擊事件，鼠標按下、鼠標抬起和鼠標移動事件，實現3D立方體的拖動旋轉，并將旋轉角度實時的反應至界面上顯示。
 
實現原理：通過獲取鼠標點擊屏幕時的坐標和鼠標移動時的坐標，來獲得鼠標在X軸、Y軸移動的距離，將距離實時賦值給transform屬性。
 
從而通過改變transform：rotate屬性值來達到3D立方體旋轉的效果：
 
HTML代碼塊：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表