如何在旋转后查找矩形的新坐标

画布上旋转后矩形的Y坐标。如图所示，矩形将在其中心点轴上旋转。在旋转和画布恢复后，我想在旋转点为50,50之前找到新的X，Y坐标，如第二张图中所示，并且在旋转之后它们可以是62,40。如何在旋转后查找矩形的新坐标

我发现similar question所以我从那里拿走了那些图片，但是这个问题是针对某些WPF的，我的要求是JS。如何找到旋转后矩形的所有角落的坐标？

enter image description here

@Doorknob一个快速谷歌搜索并没有真正给出答案，要不然我不会偶然发现这篇文章！ ;）我处于类似的情况！ –

http://stackoverflow.com/a/22511805/2106820 –

我做了一个简单的JavaScript变换类此确切目的。

使用它你可以通过变换你的制作变换任意点。

当您转换画布时，以相同的方式转换Transform对象，然后调用transformPoint(x, y)以获取适当的坐标。

在你的情况下调用 transformPoint(50, 50)

所以将返回关于[62, 40]等

2013-02-04 17:43:41

你是一个天才 –

回答