通过控件旋转组后,获取fabricjs中组中对象相对于画布的位置

苏尼尔·马修(Sunil Mathew)

我从SO帖子中弄清楚了如何获取组中对象的画布相对位置?如何获取坐标。我设法进行了一些实验,以在扩大小组人数时获得坐标。

x = object.left * object.group.scaleX + object.group.left +(object.group.width / 2)* object.group.scaleX;

y = object.top * object.group.scaleY + object.group.top +(object.group.height / 2)* object.group.scaleY;

当组也旋转时如何获得x&y。我遇到了fabric.util.rotatePoint,但是真的不知道如何使用它。我希望有一个函数可以考虑到originX,originY,缩放,旋转等位置,返回对象相对于画布的坐标。请提供帮助。谢谢阅读。

苏尼尔·马修(Sunil Mathew)

我通过跟踪缩放比例并使用转换矩阵来解决了这个问题。

var matrix = object.calcTransformMatrix();
x = matrix[4] // translation in X
y = matrix[5] // translation in Y

矩阵的第5个值和第6个值按定义是平移的,但它也考虑了旋转,缩放组中对象的比例。我想要找到对象的位置的目的是在两个对象之间画一条线。我也想在用户调整画布大小之后执行此操作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何获取组中对象的画布相对位置?

相对于每个组中的值的比例(通过dplyr)

如何相对于fabricjs中的宽度按比例调整画布中图像的大小?

获取相对于精灵的位置和旋转的位置偏移

获取鼠标相对于旋转图像中心的位置

Fabric.js:如何计算旋转组内对象的画布相对位置

fabricjs对象在组中的顺序

在Pandas中,相对于组中的特定类别创建一个变量

获取可拖动对象相对于div的位置

捏缩放:获取相对于对象的触摸位置

如何获得3D世界中对象相对于父对象的绝对位置?

的Python:获取前列表条目(相对于分配到当前列表中的位置的变量)

如何在javascript中获取相对于窗口视口的鼠标位置?

如何在React Native中获取TextInput相对于其父级或屏幕的光标位置

放大后如何计算相对于画布的新光标位置?

网格相对于其父对象的位置

如何在Inkscape中相对于对象对齐对象?

相对于R中特定条件的行位置

图像相对于div中的div的位置

在 Powershell 中相对于当前位置移动项目

通过相对于搜索字符串的相对位置来识别字符串中的字符?

在Perl中获取相对于主目录的路径

p5.js相对于画布的输入位置

查找鼠标相对于控件而不是屏幕的位置

我如何才能相对于组进行列配对?

按组计算相对于开始日期的差异

如何相对于3组更改列的值

将fabricjs对象旋转为选定组后,各个对象角度不正确

获取相对于Unity3d旋转的轴