描边 ｜ Stroke
通用属性
stroke: string | Paint ｜ Paint[] ｜ PaintString
描边的颜色， 支持多个颜色叠加。
暂时只支持 string 类型的颜色。
ts
const rect = new Rect({
width: 100
height: 100
stroke: "rgb(50,205,121)",
})strokeAlign?: StrokeAlign
描边的对齐方式。
ts
type StrokeAlign = 'inside' | 'outside' | 'center' // 居中 ｜ 内部 ｜ 外部strokeWidth?: number
描边的宽度。
strokeCap?: StrokeCap
描边的端点形状。
ts
type StrokeCap =
| 'none' // 无
| 'round' // 圆形
| 'square' // 方形
| 'arrow-lines' // 线性箭头
| 'arrow-equilateral' // 面形箭头strokeJoin?: StrokeJoin
描边的拐角处理。
ts
type StrokeJoin = 'bevel' | 'round' | 'miter' // 平角 ｜ 圆角 ｜ strokeMiterLimitdashPattern?: number[]
虚线描边的间隙数值。
ts
rect.dashPattern = [20, 10]
rect.dashPattern = '20 10' // DashPatternStringmiterLimit?: number
描边的拐角角度，默认为 10。
如果拐角角度超过 miterLimit 的值，边角会以 strokeJoin 的 "bevel" 类型来显示。