javascript - 如何在fabric js中进行组缩放后获取绝对坐标(相对于 Canvas )

Question

我已经在这个问题上挣扎了几个小时了..这是场景

Canvas 上有多个独立的元素

1. 通过鼠标拖动选择多个对象
2. 调整组大小
3. 现在点击离开组(放弃组，因为它只是一个临时组) 分组)
4. 现在点击任意单个元素..

问题:它失去了由于群体规模行动而获得的新规模和位置。

以下是我尝试做的纠正:

1. 监听 object:scaling 事件
2. 在此处为组中的各个元素设置正确的比例(这可以解决缩放问题)

但是，仍然存在问题:无法设置各个元素的坐标，因为我无法获取元素的新坐标，也无法获取与组相关的坐标(以便我可以计算)也不是绝对坐标(相对于 Canvas )

有什么建议吗？

非常感谢!

Answer 1

如果您可以制作 jsfiddle 示例，将会有所帮助。在这个网站中，我们经常使用它们，以展示我们需要的内容。 奇怪的是，您的对象正在失去位置和比例。也许是您最初创建它们的方式。