如何理解此 MDN 示例中的此代码行：围绕其中心旋转形状
How to understand this code line in this MDN example: Rotating a shape around its center
我遇到了一个解释 rotating a shape around its center 的 canvas 示例，我发现代码行很难理解：
// Matrix transformation
ctx.translate(150, 75);
ctx.rotate(Math.PI / 2);
ctx.translate(-150, -75);
为什么值是这些数字？由于看不到矩阵，很难理解。
提前致谢！
因为我不熟悉canvas。所以我画了一些草图来帮助理解。
现在我对canvas的东西更加清楚和熟悉了。
第一步
第二步
第三步
第四步
我遇到了一个解释 rotating a shape around its center 的 canvas 示例，我发现代码行很难理解：
// Matrix transformation
ctx.translate(150, 75);
ctx.rotate(Math.PI / 2);
ctx.translate(-150, -75);
为什么值是这些数字？由于看不到矩阵，很难理解。
提前致谢！
因为我不熟悉canvas。所以我画了一些草图来帮助理解。
现在我对canvas的东西更加清楚和熟悉了。