leafer-ui
leafer-ui copied to clipboard
如何针对图形区域加入类似标题,工具栏等,不随缩放影响,类似如下
- 如果不想内容随画布缩放,可以添加到sky层里,或自己再加一个不跟随画布缩放的leafer层,然后监听 Frame 目标元素的BoundsEvent.WORLD 世界坐标包围盒变化事件,同步更新标红元素坐标信息,需要自己计算一下。
需要了解的知识点: 快速入门 > 进阶文档的包围盒、坐标转换,以及BoundsEvent (可文档搜索一下)
- 如果是想同步更新dom位置,可以结合看一下文字编辑插件的源码,里面有同步dom文本编辑框的逻辑。
选中元素 直接根据坐标转换使用dom定位在那个位置就行了,监听元素变换实时同步dom位置,dom的交互可以更丰富些