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自环
最后修改:2023 年 02 月 06 日 05 : 16 PM
如果觉得我的文章对你有用,请随意赞赏