CanvasContext.setLineWidth
2020-09-14 15:18 更新
简介
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()
显示效果如下所示:
入参
Object 类型,属性如下:
属性 | 类型 | 描述 |
---|---|---|
lineWidth | Number | 线条宽度,单位为 px。 |
以上内容是否对您有帮助:
更多建议: