antvis/G6

自定义带圆角折线边,弧度计算问题 #3521

chi-gao posted onGitHub

问题描述

你好,我使用g6参考 polyline的圆角计算逻辑,实现了自己的自定义边,但是遇到 当两个节点y坐标 相差小于弧度时,边的拐角 和 弧度展示有问题,参考下图 image

请问该如何修改计算逻辑,尽可能避免这种情况。代码请参考 重现链接

重现链接

https://codesandbox.io/s/nervous-moser-rf188k?file=/src/index.js

重现步骤

直接参考demo即可,第二层最后一个子节点的边 有问题。

预期行为

产生平滑的曲线

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • G6 版本: [4.5.1 ... ]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


这种情况建议采用三次贝塞尔曲线,并适当设置控制点位置

posted by Aarebecca 12 months ago

Fund this Issue

$0.00
Funded

Pull requests