将点旋转的X和Y与另一点相距一定距离

时间:2010-12-16 04:14:02

标签: javascript graph canvas rotation point

我只找到了一些搜索解决方案,而且它们要么是特定于语言,要么是过于复杂。我只需要从旋转n量的另一个点获得一个点n。我正在将它用于HTML5画布中的项目。我知道有一个旋转功能,但我正在使用路径,我不相信它适用于它。无论如何,我只想要一个可以插入x,y,距离和方向的公式。

2 个答案:

答案 0 :(得分:4)

newx = distance * Math.cos(direction) + x
newy = distance * Math.sin(direction) + y

答案 1 :(得分:0)

通过计算角度的正弦和余弦,您可以在给定的旋转处将点与原点相距一个单位。只需将坐标乘以您需要的任何距离即可。余弦对应于X,正弦对应于Y.

换句话说:

  • 决定角度。
  • 通过获取角度的余弦来计算X.
  • 通过获取角度的正弦值来计算Y.
  • 将X和Y乘以距离。
  • 按“源”点偏移X和Y.
相关问题