CanvasContext.setLineWidth

簡介

CanvasContext.setLineWidth 用于設置線條的寬度。

掃碼體驗

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(150, 10)
ctx.stroke()


ctx.beginPath()
ctx.setLineWidth(5)
ctx.moveTo(10, 30)
ctx.lineTo(150, 30)
ctx.stroke()


ctx.beginPath()
ctx.setLineWidth(10)
ctx.moveTo(10, 50)
ctx.lineTo(150, 50)
ctx.stroke()


ctx.beginPath()
ctx.setLineWidth(15)
ctx.moveTo(10, 70)
ctx.lineTo(150, 70)
ctx.stroke()


ctx.draw()

顯示效果如下所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
lineWidth	Number	線條寬度，單位為 px。