G6 边总览
G6一共提供了九种边
- line:直线,不支持控制点;
- polyline:折线,支持多个控制点;
- arc:圆弧线;
- quadratic:二阶贝塞尔曲线;
- cubic:三阶贝塞尔曲线;
- cubic-vertical:垂直方向的三阶贝塞尔曲线,不考虑用户从外部传入的控制点;
- cubic-horizontal:水平方向的三阶贝塞尔曲线,不考虑用户从外部传入的控制点;
- loop:自环。
名称 | 描述 |
---|---|
line | 连接两个节点的直线: - controlPoints 不生效 |
polyline | 多段线段构成的折线,连接两个端点: - controlPoints 表示所有线段的拐点,不指定时根据 A* 算法自动生成折线 |
arc | 连接两个节点的一段圆弧: - controlPoints 不生效 - 使用 curveOffset 指定弧的弯曲程度,其正负影响弧弯曲的方向 |
quadratic | 只有一个控制点的曲线: - controlPoints 不指定时,会默认线的一半处弯曲 |
cubic | 有两个控制点的曲线: - controlPoints 不指定时,会默认线的 1/3, 2/3 处弯曲 |
cubic-vertical | 垂直方向的三阶贝塞尔曲线,不考虑用户从外部传入的控制点 |
cubic-horizontal | 水平方向的三阶贝塞尔曲线,不考虑用户从外部传入的控制点 |
loop | 自环 |