javascript - 如何知道 TOP 和 LEFT 根据旋转度数使用什么？

Question

伙计们，我的数学真的很差，我该怎么做：

我正在旋转一个div：

document.getElementById('pig').style.webkitTransform = 'rotate('180 + 'deg' + ')';

并用按键移动它，但我需要根据我的度数对角移动它。

• 考虑到 0 度，我应该只将我的 div 向右移动
• 考虑到 180 度，我应该只将我的 div 向左移动
• 考虑到 90 度，我应该只将我的 div 移到顶部
• 考虑到 270 度，我应该只将我的 div 移动到底部

我需要使用什么魔法才能知道我应该穿多少

document.getElementById('pig').style.top

我应该穿多少

document.getElementById('pig').style.left

如果不清楚，请问我！

Answer 1

将度数转换为弧度：

var deg = /* whatever */;
var rad = deg * (Math.PI/180);

然后使用Math.sin()andMath.cos()分别获取垂直和水平分量：

 var yComponent = Math.sin(rad);
 var xComponent = Math.cos(rad);