Javascript SVG中旋转的意外行为

我想用SVG创建一个可移动和可旋转的形状。我已经做到了，这就是。以下代码负责轮换：

scope.$watch('Rotation', function (newValues) {

      var rotateAngle = newValues || 0;

      newg.attr("transform","rotate(" + rotateAngle + " "+ (positionX + width / 2) +" "+ (positionY + height / 2) +")");
    });

以下情况导致出现意外问题：

旋转形状（例如20度）

将形状移动到另一个位置

更改旋转值

在最后一步之后，旋转操作工作正常，但问题是形状的位置更改为意外位置。我想保持形状的位置，并在没有任何额外运动的情况下旋转它

更新1

为了避免误解，我拍摄了一段视频，其中包含以下场景：

---

.

我真的不明白你所说的意外位置是什么意思。@RobertLongson每当我更改旋转值时，我都会将形状保持在当前位置，但正如我在场景中提到的，它不能正常工作。@RobertLongson我明白他的意思，只需执行他在场景中所说的操作即可。真奇怪，我做了，没发生什么奇怪的事。也许这是您正在使用的UA中的一个bug，或者我只是做得不对。@RobertLongson我正在使用google chrome的最新版本，我想按其中心原点旋转形状。