-
Notifications
You must be signed in to change notification settings - Fork 1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Improvment] 边使用Bezier曲线时,边和箭头的左侧边缘没有居中对齐的问题 #951
Comments
目前的处理方式是,继承BezierEdge,覆写getEdge方法,将线的终点的横坐标改小10px。 |
您的这种处理方式十分有效。在最新的版本中,我们给贝塞尔曲线的终点箭头增加了根据贝塞尔曲线的弯曲程度而获得一定偏转的能力,使曲线末端在很大程度上处于箭头左侧的中间位置,如果仍存在使用问题,欢迎继续提issue,如果有更好的想法欢迎提PR。 |
@zhanglei518 能提供一个codesandbox示例吗? |
官方文档中自定义锚点的示例https://codesandbox.io/embed/logicflow-base15-ou2i0?fontsize=14&hidenavigation=1&theme=dark&view=preview, 把其中一个节点添加大量数据,然后连接其最下面一个锚点到另一个节点(或者其中一个节点拖到很下面,即:两个节点y坐标相差很大即可复现) |
最新版本之前的处理方式就是把终点横坐标减小10 然后复写箭头 ,将箭头的svg路径d进行相应改写即可从视觉上较为完美展示,这两天测试又提了个单子,然后才发现是版本更新加入了贝塞尔曲线的箭头具有一定曲率的偏移量导致的,这种感觉不是很友好啊,使用贝塞尔曲线的时候连线的起点终点位置相差较大的场景还是比较多的 |
这个是受到连线控制点影响的,如果bezier的控制点太近,确实会有这个问题。所以对于自动生成的曲线,建议先适当增加控制点离起终点的距离。 |
fix(core): improve the appearance of Bezier curve arrows.(#951)
TODO: |
如上,如果起始和结束节点不在一条水平线上,使用Bezier曲线时,边终点部分和箭头左侧的边没有居中对齐,看上去效果不是很完美。有什么好的处理方式吗?
The text was updated successfully, but these errors were encountered: