小编Cit*_*zen的帖子

在一个点周围旋转画布并获得新的x,y offest

我正在使用html5画布编写一个多点触控拼图,您可以在其中围绕一个点旋转棋子.每件作品都有自己的画布,大小与其边框相同.当旋转发生时,画布大小必须改变,我能够计算并且正在工作.我无法弄清楚的是,如果我想让它看起来围绕枢轴(第一个接触点)旋转,如何找到新的x,y偏移量.

这是一张图片,可以更好地解释我想要实现的目标.请注意,枢轴点并不总是中心,否则我可以将新边界与旧边界之间的差异减半.

在此输入图像描述

所以我知道原始的x,y,宽度,高度,旋转角度,新边界(rotateWidth,rotatingHeight)以及与原始对象相关的轴X,Y.我无法弄清楚如何获得新边界的x/y偏移(使得看起来对象绕枢轴点旋转)

提前致谢!

javascript trigonometry canvas rotation html5-canvas

3
推荐指数
1
解决办法
2694
查看次数