X6 能不能从edge某一位置拖出一条新的edge，又或者对边连接边支持友好一些

问题描述

目前 x6 的 edge 视图是这样的，是一个矩形框，如果是折线的话包括了很多不需要的区域

我需要的是下图这种，只有绿色区域是 edge 视图

目前这个原因会导致一些问题，比如对边连接边支持不够友好，比如我开启 allowEdge 和自动吸附，鼠标在红色区域才能识别到高亮。还有我通过 findEdgeViewsInArea 获取到的视图也是存在问题

这是一个mxGraph的官方示例，应该也有一些人需要这些的功能

拖出的 edge 可以连接在另一条边的任何位置
可以从 edge 的中间拖出一条线

20230325_110054

重现链接

https://jgraph.github.io/mxgraph/javascript/examples/wires.html

重现步骤

预期行为

20230325_110054

平台

操作系统: [Windows]
网页浏览器: [Google Chrome]
X6 版本: [2.5.7]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

Mar 25 '23 03:03 oyal

https://github.com/antvis/X6/issues/2027 可以看看这个issue

Mar 27 '23 05:03 lloydzhou

#2027 可以看看这个issue

感谢回复，这个 issue 我也关注了，通过锚点也达不到上述示例的效果。

比如我从链接桩拖出一条边，即将连接到另一条边会有高亮和吸附功能，松开鼠标就连接到了相应的位置。目前在 x6 中没有好的实现方法

从边中拖出一条边也没什么思路可以实现

Mar 27 '23 07:03 oyal

@oyal 是否可以监听边的点击事件，点击后新建一条边，source 指向之前的边，target 设置为 point，随着鼠标移动而移动。

Mar 29 '23 03:03 NewByVector

@oyal 是否可以监听边的点击事件，点击后新建一条边，source 指向之前的边，target 设置为 point，随着鼠标移动而移动。

感谢回复，您说的这种方案之前有人提过类似需求，但我并没有好的实现思路 https://github.com/antvis/X6/issues/2010#issuecomment-1157376110

另外我也研究了下边的高亮问题，是开启 snap 后导致的，不知为何会冲突。提了一个新的 issue。https://github.com/antvis/X6/issues/3439

Mar 29 '23 07:03 oyal

从边创建边确实是我们现在比较缺少的一个功能，已经加入我们的工作计划了，感谢你指出问题。

Apr 01 '23 00:04 NewByVector

我有一种临时的解决思路，就是在从节点A连线点击到边B上时，记录下当前点击的位置，然后在该位置创建一个新的节点（样式可以是黑色圆形）。然后，记录下边B的起点(B.start)和终点(B.end)，将原来的边删除，再创建三条新边，分别是[B.start]-[新节点]，[B.end]-[新节点]和[A]-新节点，这样看起来它们的连接就类似电路图上的分叉了

Apr 06 '23 09:04 Aperture-Electronic

我有一种临时的解决思路，就是在从节点A连线点击到边B上时，记录下当前点击的位置，然后在该位置创建一个新的节点（样式可以是黑色圆形）。然后，记录下边B的起点(B.start)和终点(B.end)，将原来的边删除，再创建三条新边，分别是[B.start]-[新节点]，[B.end]-[新节点]和[A]-新节点，这样看起来它们的连接就类似电路图上的分叉了

我们的思路一样，但是也有很多问题，一个是现在的边的高亮吸附还是有点问题，只能吸附到边的中间，可以看我另一个issue https://github.com/antvis/X6/issues/3439#issuecomment-1493938205 还有就是自动生成节点的位置，edge:connected中没有画布xy，只能在edge:mouseup（鼠标松开）事件中拿到画布xy，由于是吸附过去的，这个xy是鼠标松开的坐标，所以会有偏差，造成效果新增的三条边不够理想