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

Question

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

这里我使用简单的公式来计算两点(向量)之间的 Angular :

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

更新

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

Answer 1

旋转的 Angular 是根据原点 0,0 计算的，但正方形围绕其自身中心旋转 100, 100，因此它们不匹配。如果把方 block 移动到0,0，感觉还可以:

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

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