在原点旋转一个矩形答案

【问题标题】：Rotate a rectangle at origin在原点旋转一个矩形
【发布时间】：2021-10-01 20:20:00
【问题描述】：

这里是d3、javascript、css初学者

我试图在不改变原点的情况下旋转一个矩形。我使用css变换：旋转（20度）；但它改变了原来的 x 和 y 位置。我尝试使用 transform-origin: 0 0;

但不起作用。请在下面找到代码

.rotate {
  fill:pink;
   transform: rotate(20deg);
  transform-origin: 0 0;
}

【问题讨论】：

【解决方案1】：

在您的示例中，您应该添加

transform-origin: 240px 225px;

这是因为 y+w/2 和 x+h/2

【讨论】：