kineticjs - 回転時に KineticJs の centerOffset を修正する方法

Question

KineticJs の centerOffset に問題があります。オブジェクト (長方形) を回転すると、中心がずれてしまい、修正する方法が見つかりません。

Answer 1

オブジェクトのインスタンス化中に回転オフセットを指定できます。したがって、オブジェクトの中心に回転ポイントを作成するには、高さと幅を 2 ​​で割ります。

 var rect = new Kinetic.Rect({
      x: 0,
      y: 0,
      width: 100,
      height: 50,
      fill: "#ff0000",
      offset: [50, 25]
    });

Answer 2

これは私のために働いた（グループ要素をオフセットする）：

your_group_element.offset( { x: 50, y: 50 } );