CanvasContext.setLineDash

简介

CanvasContext.setLineDash 用于设置虚线的样式。

扫码体验

undefined

效果示例

画布.gif

示例代码

 // .js
const ctx = my.createCanvasContext('canvas')


ctx.setLineDash([10, 20], 5)


ctx.beginPath()
ctx.moveTo(0,100)
ctx.lineTo(400, 100)
ctx.stroke()


ctx.draw()

显示效果如下： ctx.设置虚线.png

入参

Object 类型，属性如下：

属性	类型	描述
segments	Array	一组用于描述交替绘制线段和间距（坐标空间单位）长度的数字。如果数组元素的数量是奇数，数组的元素会被复制并重复。例如， [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。