javascript - 在 Fabric.js 中用鼠标旋转物体的正确方法

Question

这是一个例子：http:
//jsbin.com/UHENoKi/11/

在这里，我使用简单的公式来找到两点（向量）之间的角度：

但正如您在 JSBin 所看到的 - 有些东西坏了。我在哪里做错了？

更新

工作示例： http:
//jsbin.com/UHENoKi/13/edit ?js,output

Answer 1

旋转的角度是根据原点 0,0 计算的，但是正方形围绕自己的中心在 100、100 处旋转，因此它们不匹配。如果将正方形移到 0,0，感觉还可以：

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

与其在 toLocal 中转换为画布坐标，不如转换为正方形的坐标空间。