我可以使用旋转功能绕时钟移动一条线吗

Can I use the rotate function to move a line around the clock?

本文关键字：移动 一条 时钟 可以使 旋转 功能 我可以      更新时间：2023-09-26

我有一个对象。它画了一条线。我想把它移动一个特定的角度，围绕某个点。我可以使用旋转功能吗？

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

有什么建议吗？谢谢

假设您谈论的是画布函数，您会：

  • 保存画布状态
  • 将画布转换到原点（线的起点/时钟的中心）
  • 旋转画布
  • 划清界限
  • 恢复画布状态

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

如果你指定了你正在使用的是什么（画布，一些任意库，魔术），它将帮助我们帮助你。

是的，我使用的是画布。我想问一下如何在物体上使用这个旋转函数。比方说，像这样？

function bigHand(){
this.fx=50;
this.fy=50;
this.tx=10;
this.ty=50;
drawLine(fx,fy,tx,ty);
}
var bigHandObj=new bigHand();
相关文章：