CanvasContext.setLineDash

簡介

CanvasContext.setLineDash 用于設(shè)置虛線的樣式。

掃碼體驗(yàn)

效果示例

示例代碼

 // .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()

顯示效果如下：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
segments	Array	一組用于描述交替繪制線段和間距（坐標(biāo)空間單位）長度的數(shù)字。 如果數(shù)組元素的數(shù)量是奇數(shù)， 數(shù)組的元素會被復(fù)制并重復(fù)。例如， [5, 15, 25] 會變成 [5, 15, 25, 5, 15, 25]。