我有一个对象。它画了一条线。我想把它移动一个特定的角度,围绕某个点。我可以使用旋转功能吗?
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();