Edge 边上的 Label 标签或文字如何实现在边上的拖拽移动？

[hylerrix]

背景：X6 已支持标签，但没找到标签拖拽移动

在 x6 的官方示例 https://x6.antv.vision/en/examples/edge/label#render-with-svg 中，描述了如何在边上创建一个固定位置的标签。

如上图所示，无法左右拖拽移动，只能改一些 distance 值来静态修改。

想要的效果 1 - 标签支持拖拽移动

我在 Draw IO 上模拟了想要的这个效果（但其实这个例子中 draw io 移动的也是个元素），x6 的标签能否如动画这样支持？

如果效果 1 不行，降级方案 - 文字拖拽移动能否可以？

以上如果有答案，都不会影响 x6 的线段和顶点功能吧？

其它有趣的案例

https://projectstorm.cloud/react-diagrams/?path=/story/simple-usage--demo-simple

我还看到了如下 x6 相关例子，但不知怎么应用到此 issue 上

• examples/edge/edge#custom-click-event: 这个例子能看到，一个边上有一个自定义元素，点击后它会在边上通过动画移动。所以移动效果是可以做的？
• examples/node/tool#editable: 这个例子能看到，我们可以双击边上的任意位置，来创建一个 txt 文字到边上。但这个文字如何拖拽移动？

[NewByVector]

可以在初始化画布的时候配置：

new Graph({
  interacting: {
    edgeLabelMovable: true,
  },
})

不过现在边是可以自由移动的（没有限制在线上移动），这个已经加入到我们的工作计划中。

[hylerrix]

不过现在边是可以自由移动的（没有限制在线上移动），这个已经加入到我们的工作计划中。

是的，我打开 edgeLabelMovable 后，如下图，发现可以在边上自由移动，也就是 distant 值已经限制到了 0~1。（这应该是由于 edge 是一个矩形而被限制）

但是能看出来，offset 值没被限制，可以是负无穷到正无穷。也就是整个 Label 左右移动是受限制的，但上下移动会不受任何限制。

期待尽早能看到“限制到线上”移动功能。如果能给出一个 Roadmap 大致时间和大致版本就更好了。

既然这样，我在 issues 区提一个 feat issue 吧。同时把文字的拖拽移动提一下。期待解答，得尽快用了。

[liyulinfbfhcv]

希望可以尽快实现限制在线上移动