javascript - 在fabricjs中查找旋转对象的 Angular 坐标

Question

假设我在 fabricjs Canvas 中有一张图片。我可以根据图像的 top 和 left 值及其大小轻松计算 Angular 的坐标。

当图像旋转任意度数时，我该怎么做？

例子:

编辑:最好不要使用三 Angular 函数，如果在 fabricjs 本身或其他地方有一个更简单的方法。

Answer 1

当然可以。

我们将这些坐标存储在对象的 oCoords

中

oCoords.tl.x, oCoords.tl.y // top left corner 
oCoords.tr.x, oCoords.tr.y // top right corner
oCoords.bl.x, oCoords.bl.y // bottom left corner
oCoords.br.x, oCoords.br.y // bottom right corner

这就是您调用 setCoords 方法时设置的内容。

但您可能不想弄乱这些。

从版本 ~1.0.4 开始，我们在所有对象上都有 getBoundingRect 方法，它返回 { left: ..., top: ..., width: ..., height : ... 。我们之前已经有 getBoundingRectWidth 和 getBoundingRectHeight(现在已弃用)，但 getBoundingRect 肯定更有用；它还允许读取左/顶部值。

您可以在 http://fabricjs.com/bounding-rectangle 查看它的运行情况(尝试旋转物体)

更多:
http://fabricjs.com/docs/fabric.Group.html#oCoords
http://fabricjs.com/docs/fabric.Group.html#calcCoords