Javascript 围绕中心点

我的问题如下。我想围绕网格的中心点旋转网格，但到目前为止，我可以围绕画布的中心点旋转网格。我尝试过各种设置，但都没有达到预期效果。到目前为止，我只设法围绕画布的中心点旋转网格，而这并不是我想要的。请帮忙。我是初学者

---

在p5js中，任何反馈都将被接受

要围绕轴旋转图像，您必须：

• 将枢轴“移动”到原点（0，0）。
  这意味着您必须按

  （-width/2，-height/2）

• 旋转图像
• 将枢轴“移动”回其原始位置。
  这意味着您必须按

  （宽度/2，高度/2）

由于像and这样的操作定义了一个矩阵，并将当前矩阵乘以新矩阵，因此必须按相反顺序执行此操作：

push（）；
平移（宽度/2，高度/2）；
旋转（PI/180*45）；
平移（-宽度/2，-高度/2）；
图像模式（中心）；
矩形模式（中心）；
layerOne.grid.display（）；
pop（）；

要围绕轴旋转图像，您必须：

• 将枢轴“移动”到原点（0，0）。
  这意味着您必须按

  （-width/2，-height/2）

• 旋转图像
• 将枢轴“移动”回其原始位置。
  这意味着您必须按

  （宽度/2，高度/2）

由于像and这样的操作定义了一个矩阵，并将当前矩阵乘以新矩阵，因此必须按相反顺序执行此操作：

push（）；
平移（宽度/2，高度/2）；
旋转（PI/180*45）；
平移（-宽度/2，-高度/2）；
图像模式（中心）；
矩形模式（中心）；
layerOne.grid.display（）；
pop（）；