javascript - 我可以使用旋转功能全天候移动一条线吗？

Question

我有一个对象。它画了一条线。我想将它围绕某个点移动某个 Angular 。我可以使用旋转功能吗？

function bigHand(){
this.fx=50;
this.fy=50;
this.tx=10;
this.ty=50;
drawLine(fx,fy,tx,ty);
}
bigHand().rotate(30,50,50);

有什么建议吗？谢谢。

Answer 1

假设您正在谈论 Canvas 功能，您会:

• 保存 Canvas 状态
• 将 Canvas 平移到原点(线的起点/时钟的中心)
• 旋转 Canvas
• 划清界限
• 恢复 Canvas 状态

这也意味着您要为动画时钟的每一帧重新绘制 Canvas 的整个部分。或者，您可以计算旋转线的新终点并重新绘制它，无需旋转或平移。

如果您指定了您正在使用的是什么( Canvas 、一些任意库、魔法)，它会帮助我们帮助您。