CanvasContext.stroke

简介

CanvasContext.stroke 用于画出当前路径的边框。

使用限制

stroke() 描绘的的路径是从 beginPath() 开始计算，但是不会将 strokeRect() 包含进去，请参见示例代码 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()

显示效果如下所示：