java canvas旋转_HTML5 Canvas：旋转时计算x，y点

我开发了一个HTML5 Canvas应用程序，它涉及读取一个xml文件，该文件描述了我需要在画布上绘制的箭头，矩形和其他形状的位置 .

XML布局示例：

如果旋转对象，则涉及在围绕另一个点(左侧，顶部)旋转时计算点的位置(旋转后称为P的新位置) . 我试图想出一个通用函数/公式，我可以用来计算这个点P，但我的数学有点弱，我无法确定我想要使用的弧/正切公式 .

Can you assist me to come up with a formula I can use to calculate point P for rotations that can be both positive & negative?

在上面的例子中：点(14,446)是左边，顶点和点(226,496)是物体的中点，当没有旋转时，点=(左边宽度/ 2，顶部高度/ 2)，蓝点是旋转时的中点 . 我知道如何计算点(14,446)和(226,496)之间的线的长度，但不知道如何计算蓝点x，y位置的线 - BTW：这条线的长度与蓝点之间的线相同(14446)

len = sqrt( (496-446)^2 + (226-14)^2 );

= 227.56;