mirror of
https://gitee.com/antv/g6.git
synced 2024-12-15 18:11:08 +08:00
1.4 KiB
1.4 KiB
| title | order |
|---|---|
| 设置渐变色 | 4 |
G6 提供描边的线性渐变和填充的环形渐变两种形式。
描边线性渐变
示例
说明：
l表示使用线性渐变，绿色的字体为可变量，由用户自己填写。
用法
在配置节点或边的样式时，指定 stroke 属性如下：
// 使用渐变色描边，渐变角度为 0，渐变的起始点颜色 #ffffff，中点的渐变色为 #7ec2f3，结束的渐变色为 #1890ff
stroke: 'l(0) 0:#ffffff 0.5:#7ec2f3 1:#1890ff'
填充环形渐变
示例
说明：r 表示使用放射状渐变，绿色的字体为可变量，由用户自己填写，开始圆的 x y r 值均为相对值，0 至 1 范围。
用法
在配置节点或边的样式时，指定 fill 属性如下：
// 使用渐变色填充，渐变起始圆的圆心坐标为被填充物体的包围盒中心点，半径为(包围盒对角线长度 / 2) 的 0.1 倍，渐变的起始点颜色 #ffffff，中点的渐变色为 #7ec2f3，结束的渐变色为 #1890ff
fill: 'r(0.5, 0.5, 0.1) 0:#ffffff 1:#1890ff'