CanvasContext.stroke

簡介

CanvasContext.stroke 用于畫出當(dāng)前路徑的邊框。

使用限制

stroke() 描繪的的路徑是從 beginPath() 開始計算，但是不會將 strokeRect() 包含進(jìn)去，請參見示例代碼 2。

掃碼體驗

效果示例

示例代碼

示例代碼 1

const ctx = my.createCanvasContext('canvas')
ctx.moveTo(10, 10)
ctx.lineTo(100, 10)
ctx.lineTo(100, 100)
ctx.stroke()
ctx.draw()

顯示效果如下圖所示：

示例代碼 2

const ctx = my.createCanvasContext('canvas');


ctx.rect(10, 10, 100, 30)
ctx.setStrokeStyle('yellow')
ctx.stroke()


ctx.beginPath()
ctx.rect(10, 40, 100, 30)


ctx.setStrokeStyle('blue')
ctx.strokeRect(10, 70, 100, 30)


ctx.rect(10, 100, 100, 30)


ctx.setStrokeStyle('red')
ctx.stroke()
ctx.draw()

顯示效果如下所示：