假设我在fabricjs Canvas 中有一个图像。我可以根据图像的top
和left
值及其大小轻松地计算 Angular 的坐标。
将图像旋转任何 Angular 时,该怎么办?
例子:
编辑:最好不使用三 Angular 函数,如果在fabricjs本身或其他地方实现了更简单的方法。
最佳答案
是的当然。
我们将这些坐标存储在对象的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
关于javascript - 在fabricjs中找到旋转对象的 Angular 的坐标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14874631/