自定义编辑工具的onScaleWithDrag事件中获取到page 坐标不准确

leaferjs / leafer-ui

一款好用的 Canvas 渲染引擎，革新的体验。高效绘图、UI 交互（小游戏、互动应用、组态）、图形编辑，前端开发必备~

https://www.leaferjs.com

MIT License

2.38k stars 82 forks source link

Open leidao opened 1 month ago

leidao commented 1 month ago

代码链接：https://cloudstudio.net/a/20803058263158784?channel=share&sharetype=URL 在实现自定义的Line的编辑功能时，画布如果有了缩放和平移，获取到的page坐标不准确，获取坐标方法在下图

请问我该怎么获取到画布缩放/平移后的准确的page坐标

leaferjs commented 1 month ago

drag是DragEvent的实例，可以直接用 drag.getPagePoint()) 获取页面坐标

leidao commented 1 month ago

event.drag上不存在getPagePoint方法，该怎么办

leaferjs commented 1 month ago

你是不是之前的版本，用event.drag.getPage() 试试

leidao commented 1 month ago

我用的1.0.2版本，应该是最新的，在cloudstudio上也测试了下，event.drag上不存在getPagePoint方法。并且event.drag.getPage()返回的坐标也不是准确的Page坐标

leidao commented 1 month ago

leaferjs commented 1 month ago

用这个，event.drag.getInner( app.tree )，或者直接用坐标转换