LogicFlow
LogicFlow copied to clipboard
didi
[Improvment] 边使用Bezier曲线时，边和箭头的左侧边缘没有居中对齐的问题
如上，如果起始和结束节点不在一条水平线上，使用Bezier曲线时，边终点部分和箭头左侧的边没有居中对齐，看上去效果不是很完美。有什么好的处理方式吗？
目前的处理方式是，继承BezierEdge，覆写getEdge方法，将线的终点的横坐标改小10px。
您的这种处理方式十分有效。在最新的版本中，我们给贝塞尔曲线的终点箭头增加了根据贝塞尔曲线的弯曲程度而获得一定偏转的能力，使曲线末端在很大程度上处于箭头左侧的中间位置，如果仍存在使用问题，欢迎继续提issue，如果有更好的想法欢迎提PR。
目前的处理方式是，继承BezierEdge，覆写getEdge方法，将线的终点的横坐标改小10px。
您的这种处理方式十分有效。在最新的版本中，我们给贝塞尔曲线的终点箭头增加了根据贝塞尔曲线的弯曲程度而获得一定偏转的能力，使曲线末端在很大程度上处于箭头左侧的中间位置，如果仍存在使用问题，欢迎继续提issue，如果有更好的想法欢迎提PR。
您好，请问这个特性支持关闭吗 ，使用贝塞尔曲线在某些场景下（设置了曲线的多个pointlist）会出现箭头错位的情况， 如下图
@zhanglei518 能提供一个codesandbox示例吗？
官方文档中自定义锚点的示例https://codesandbox.io/embed/logicflow-base15-ou2i0?fontsize=14&hidenavigation=1&theme=dark&view=preview， 把其中一个节点添加大量数据，然后连接其最下面一个锚点到另一个节点（或者其中一个节点拖到很下面，即：两个节点y坐标相差很大即可复现）
@zhanglei518 能提供一个codesandbox示例吗？
官方文档中自定义锚点的示例https://codesandbox.io/embed/logicflow-base15-ou2i0?fontsize=14&hidenavigation=1&theme=dark&view=preview， 把其中一个节点添加大量数据，然后连接其最下面一个锚点到另一个节点（或者其中一个节点拖到很下面，即：两个节点y坐标相差很大即可复现）
最新版本之前的处理方式就是把终点横坐标减小10 然后复写箭头 ，将箭头的svg路径d进行相应改写即可从视觉上较为完美展示，这两天测试又提了个单子，然后才发现是版本更新加入了贝塞尔曲线的箭头具有一定曲率的偏移量导致的，这种感觉不是很友好啊，使用贝塞尔曲线的时候连线的起点终点位置相差较大的场景还是比较多的