全部产品

CanvasContext.stroke

绘制描边路径。

说明stroke() 绘制的的路径从 beginPath() 开始计算,但是不会将 strokeRect() 包含进去,请参见示例代码 2。

示例代码

示例代码 1

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

显示效果如下图所示:

image

示例代码 2

const=.createCanvasContext('awesomeCanvas');

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

 ctx  my

显示效果如下所示:

image