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

如何设置线随点动,移动某个点,连接线随点进行移动

Open chenfix2015-dot opened this issue 4 months ago • 6 comments

在绘制的图中如何移动某个点,让线跟随点进行移动呢?文档中没有看到这部分的设置还是说需要我自己进行更新线的起始位置的坐标?求指教

chenfix2015-dot avatar Aug 25 '25 12:08 chenfix2015-dot

如果是需要编辑线条,可以看一下自定义内部编辑器(文档搜索一下),另外可以参考相关社区插件的源码,有好几个可以编辑线条的插件,后续官方也会推出可编辑线条的高级插件。

leaferjs avatar Aug 25 '25 13:08 leaferjs

Image 我表述的不够具体,我大概需要做一个拓扑图,但是我看咱们现在这个工具是没有线随点动的这个功能,我看插件leafer-x-connector的渲染效率不如直接渲染Line快,就是说咱们现在只能移动点后更新线的位置还是有其他更便利的方法?

chenfix2015-dot avatar Aug 26 '25 09:08 chenfix2015-dot

需要自己更新连线的位置,目前官方还没有连线插件。

leaferjs avatar Aug 26 '25 10:08 leaferjs

社区里的leafer-x-polyline-editor了解一下 😄

HangChengJian avatar Aug 27 '25 10:08 HangChengJian

社区里的leafer-x-polyline-editor了解一下 😄

我看这个更多的是对线的一种编辑,我并不需要对线进行编辑,我只是需要拖动点的时候 线随之移动而已

chenfix2015-dot avatar Sep 05 '25 07:09 chenfix2015-dot

社区里的leafer-x-polyline-editor了解一下 😄

我看这个更多的是对线的一种编辑,我并不需要对线进行编辑,我只是需要拖动点的时候 线随之移动而已

好比你位移的点位是一个point,拖拽的时候实时修改这个poit链接线就会自然变动,这个插件里的做法就是这样的

HangChengJian avatar Sep 05 '25 07:09 HangChengJian