leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

如何针对图形区域加入类似标题,工具栏等,不随缩放影响,类似如下

Open kaitaoyao opened this issue 4 months ago • 2 comments

Screenshot_20250818_194119_WeCom.jpg

kaitaoyao avatar Aug 18 '25 12:08 kaitaoyao

  1. 如果不想内容随画布缩放,可以添加到sky层里,或自己再加一个不跟随画布缩放的leafer层,然后监听 Frame 目标元素的BoundsEvent.WORLD 世界坐标包围盒变化事件,同步更新标红元素坐标信息,需要自己计算一下。

需要了解的知识点: 快速入门 > 进阶文档的包围盒、坐标转换,以及BoundsEvent (可文档搜索一下)

  1. 如果是想同步更新dom位置,可以结合看一下文字编辑插件的源码,里面有同步dom文本编辑框的逻辑。

leaferjs avatar Aug 18 '25 12:08 leaferjs

选中元素 直接根据坐标转换使用dom定位在那个位置就行了,监听元素变换实时同步dom位置,dom的交互可以更丰富些

HangChengJian avatar Aug 19 '25 01:08 HangChengJian