g6/packages/site/docs/manual/middle/elements/advanced-style/texture.zh.md
2023-02-02 10:31:36 +08:00

818 B

title order
设置纹理 5

G6 支持用特定的纹理填充图形。G6 支持的纹理内容可以直接是图片或者 Data URL

img

说明:p 表示使用纹理;绿色的字体为可变量,您可以修改它们以满足您的需求;a 表示纹理的重复方式,可选值如下:

  • a: 该模式在水平和垂直方向重复;
  • x: 该模式只在水平方向重复;
  • y: 该模式只在垂直方向重复;
  • n: 该模式只显示一次(不重复)。

配置节点或边的样式时,指定 fill 属性如下:

shape.attr('fill', 'p(a)https://gw.alipay.com/cube.png');