Javascript 查找正方形中心的坐标

假设我有一个svg正方形

<svg>
    <rect x="4" y="4" width="80" height="60" id="block_green"/>
</svg>

---

你可以通过如下计算找到中心：

centerX = (rectX + rectWidth)/2
centerY = (rectY + rectHeight)/2

但在应用变换后，这将不起作用，因为如果您注意到，坐标在应用变换时不会真正改变

---

您可能需要三角学或几何的帮助才能找到新的变换坐标。

变换是否始终围绕中心点旋转？当前变换不会影响矩形中心点的位置。其他转换可能会发生。我正在试图确定是否必须考虑后一种类型的变换。@PaulLeBeau是的，事实上，我将使用css来移动正方形，但我想跟踪中心的位置

ss.cx = "x center coordinates";
ss.cy = "y center coordinates";

centerX = (rectX + rectWidth)/2
centerY = (rectY + rectHeight)/2