javascript - Fabric.js でマウスを使って物を回転させる正しい方法

Question

ここでは、単純な式を使用して 2 点 (ベクトル) 間の角度を見つけます。
ここに画像の説明を入力

しかし、JSBin でわかるように、何かが壊れています。どこで間違いを犯したのですか？

アップデート

score 5 · Accepted Answer

回転する角度は 0,0 原点に基づいて計算されていますが、正方形は 100, 100 で自身の中心を中心に回転しているため、一致しません。正方形を 0,0 に移動すると、OK と感じられます。

var rect = new fabric.Rect({
  fill: '#00FFAB', 
  top: 0, 
  left: 0, 
  width: 100, 
  height: 100, 
  selectable: false
});

toLocal でキャンバス座標に変換するのではなく、正方形の座標空間に変換します。