请通过邮件订阅网站,随时获取最新动态!

# 绘图属性

# 通用属性

# fill

类型:string

填充色、渐变色或纹理,默认值为空。

# fillOpacity

类型:number | 默认值:1

填充色的透明度。

# stroke

类型:string

描边色、渐变或纹理,默认值为空;

# strokeOpacity

类型:number | 默认值:1

描边的透明度。

# shadowColor

类型:string

图形的阴影颜色。

# shadowBlur

类型:number | 默认值:0

图形阴影的高斯模糊系数。

# shadowOffsetX

类型:number

设置阴影距图形的水平距离。

# shadowOffsetY

类型:number

设置阴影距图形的垂直距离。

# opacity

类型:number | 默认值:1

图形的整体透明度。

# 线条属性

# lineCap

类型:string | 默认值:butt

线条的结束端点样式。可选值:buttroundsquare

# lineJoin

类型:string | 默认值:miter

两条相交线拐角样式。可选值:bevelroundmiter

# lineDash

类型:[number, number]

虚线样式,可以指定一个数组。第一个值为虚线每个分段的长度,第二个值为分段间隔的距离。

# lineWidth

类型:number | 默认值:1

线条宽度。

# miterLimit

类型:number | 默认值:10

最大斜接长度。

# 文本属性

# textAlign

类型:string | 默认值:start

文本内容的对齐方式。可选值:startcenterendleftright

# textBaseline

类型:string | 默认值:bottom

绘制文本时的基线。可选值:tophangingmiddlealphabeticideographicbottom

# fontStyle

类型:string | 默认值:normal

字体样式。可选值:normalitalicoblique

# fontSize

类型:number | 默认值:12

字号大小,以像素为单位。

# fontFamily

类型:string | 默认值:sans-serif

字体系列。

# fontWeight

类型:string | number | 默认值:normal

字体粗细。可选值:normalboldbolderlighter 或数值

# fontVariant

类型:string | 默认值:normal

字体变体,设置小型大写字母的字体显示文本。可选值:normalsmall-caps

# lineHeight

类型:number

文本行高,以像素为单位。

# 渐变色

# 线性渐变

线性渐变

说明:l 表示使用线性渐变,绿色的字体为可变量,由用户自己填写,由一个空格进行间隔。

# 环形渐变

环形渐变

说明:r 表示使用放射状渐变,绿色的字体为可变量,由用户自己填写,开始圆的 x y r 值均为相对值,0 至 1 范围,'r(x,y,r)' 内不可留有空格,颜色之间由一个空格进行间隔。

# 纹理

纹理

  • p:表示使用纹理,绿色的字体为可变量,由用户自己填写
  • a:该模式在水平和垂直方向重复
  • x:该模式只在水平方向重复
  • y:该模式只在垂直方向重复
  • n:该模式只显示一次(不重复)
  • 纹理的内容可以直接是图片或者 Data URLs (opens new window)