Skip to content
APIShape 图形

Shape 图形

类信息

Shape 是如矩形、圆形、文本、线条等的基类。

参数

字段名类型描述
fill(可选)String填充色标
fillPatternImage(可选)String填充图案图片
fillPatternX(可选)Number填充图案(pattern)的 X 轴平移位置
fillPatternY(可选)Number填充图案(pattern)的 Y 轴平移位置
fillPatternOffset(可选)Object填充图案(pattern)的 X/Y 轴偏移位置
fillPatternOffsetX(可选)Number填充图案(pattern)的 X 轴偏移位置
fillPatternOffsetY(可选)Number填充图案(pattern)的 Y 轴偏移位置
fillPatternScale(可选)Object填充图案(pattern)的缩放
fillPatternScaleX(可选)Number填充图案(pattern)的 X 缩放
fillPatternScaleY(可选)Number填充图案(pattern)的 Y 缩放
fillPatternRotation(可选)Number填充图案(pattern)的旋转角度
fillLinearGradientStartPoint(可选)Object线性渐变填充的起始点
fillLinearGradientStartPointX(可选)Number线性渐变填充的起始点 X 坐标
fillLinearGradientStartPointY(可选)Number线性渐变填充的起始点 Y 坐标
fillLinearGradientEndPoint(可选)Object线性渐变填充的结束点
fillLinearGradientEndPointX(可选)Number线性渐变填充的结束点 X 坐标
fillLinearGradientEndPointY(可选)Number线性渐变填充的结束点 Y 坐标
fillLinearGradientColorStop(可选)Array线性渐变中颜色过渡的关键点
fillRadialGradientStartPoint(可选)Object径向渐变填充的起始点
fillRadialGradientStartPointX(可选)Number径向渐变填充的起始点 X 坐标
fillRadialGradientStartPointY(可选)Number径向渐变填充的起始点 Y 坐标
fillRadialGradientEndPoint(可选)Object径向渐变填充的结束点
fillRadialGradientEndPointX(可选)Number径向渐变填充的起始点 X 坐标
fillRadialGradientEndPointY(可选)Number径向渐变填充的起始点 Y 坐标
fillRadialGradientStartRadius(可选)Number径向渐变填充的起始半径
fillRadialGradientEndRadius(可选)Number径向渐变填充的结束半径
fillRadialGradientColorStops(可选)Array径向渐变中颜色过渡的关键点
fillEnabled(可选)Boolean是否允许填充,默认为 true
fillPriority(可选)String选择填充的模式,纯色/图案/线性渐变/径向渐变
stroke(可选)String描边颜色
strokeWidth(可选)Number描边宽度
fillAfterStrokeEnabled(可选)Boolean是否先描边后填充,默认为 false
hitStrokeWidth(可选)Number击中的描边大小。默认 auto,等于 strokeWidth
strokeHitEnable(可选)Boolean已废弃,建议用 hitStrokeWidth
perfectDrawEnabled(可选)Boolean是否使用缓存画布(效果好,性能差),默认 true
shadowForStrokeEnabled(可选)Boolean启用或禁用描边阴影的标志。默认值为 true
strokeScaleEnabled(可选)Boolean启用或禁用描边缩放的标志。默认值为 true
strokeEnabled(可选)Boolean是否支持描边,默认为 true
lineJoin(可选)String线连接方式 miter/round/bevel,默认 miter
lineCap(可选)String线帽 butt/round/square,默认 butt
shadowColor(可选)String阴影颜色
shadowBlur(可选)Number阴影模糊值
shadowOffset(可选)Object阴影偏移 {x: number, y: number}
shadowOffsetX(可选)Number阴影 X 轴的偏移
shadowOffsetY(可选)Number阴影 Y 轴的偏移
shadowOpacity(可选)Number阴影不透明度
shadowEnabled(可选)Boolean是否启用阴影
dash(可选)number[]虚线描边效果
dashEnabled(可选)Boolean是否启用虚线描边
x (可选)Number位置:x 坐标
y (可选)Number位置:y 坐标
width (可选)Number宽度
height (可选)Number高度
visible (可选)Boolean是否可见
listening (可选)Boolean节点是否正在监听事件
id(可选)String唯一 id
name(可选)String非唯一的名称
opacity(可选)Number不透明度,0 ~ 1 间的数值
scale(可选)Object缩放大小
scaleX(可选)Numberx 方向上的缩放
scaleY(可选)Numbery 方向上的缩放
rotation(可选)Number旋转角度
offset(可选)Object相对于中心点和旋转点的偏移
offsetX(可选)Numberx 方向上的偏移
offsetY(可选)Numbery 方向上的偏移
draggable(可选)Boolean节点是否可被拖拽
dragDistance(可选)Number触发拖拽的距离阈值
dragBoundFunc(可选)function拖拽过程中限制或修改节点的位置的回调函数

成员方法