如何获得绝对坐标(相对于画布)后,在织物组缩放js
How to get Absolute coordinates (in relation to canvas) after a Group Zoom in fabric js
我已经为这个问题挣扎了几个小时了。下面是场景
画布上有多个独立的元素
- 鼠标拖动选择多个对象
- 调整组大小
- 现在点击离开组(以丢弃组,因为这只是一个临时组分组)
- 现在点击任何单个元素…
Issue:它失去了由于组缩放操作而获得的新缩放和位置。
下面是我尝试做的,以纠正它:
- 监听对象:缩放事件
- 这里为组中的单个元素设置正确的比例(这解决了缩放问题)
但是,仍然,问题:无法设置单个元素的坐标,因为我无法获得元素的新坐标,无论是相对于组(以便我可以计算)还是绝对坐标(相对于画布)
有什么建议吗?
非常感谢!
如果你能做一个简单的例子就好了。在这个网站中,我们经常使用它们,以显示我们需要什么。奇怪的是,你的对象失去了位置和比例。
相关文章:
- D3.JS向rect添加缩放和列表项
- 将时间缩放添加到折线图(Chart.js)
- D3.js:缩放svg时错过刻度线
- 如果缩放为最大/最小,如何忽略d3.js缩放行为
- d3.js:在强制布局中使用缩放时,将禁用拖动
- D3.js:缩放时,在2D图形中沿着直线移动圆
- d3.js缩放并将力布局平移到视口中心
- 如何使用d3.js缩放折线图中的行为
- 防止显示.js缩放
- 使用 CSS/JS 缩放/缩放动画
- d3.js缩放/域值的意外行为
- Three.js:缩放几何体后出现错误的BoundingBox
- 使用Hammer.js缩放SVG
- 使用二进制细分算法用js缩放图像
- d3.js缩放无溢出
- D3.js缩放和触摸设备平滑
- D3.js缩放与序数轴不工作-缩放行为的比例设置问题
- D3.js缩放只工作时,光标在像素的图形
- Three.js OrbitControls.js缩放比例不是线性的
- cytoscape.js缩放以适应当前选定的节点