CanvasContext.setLineWidth

2020-09-14 15:18 更新

简介

CanvasContext.setLineWidth 用于设置线条的宽度。

扫码体验

img

效果示例

img

示例代码

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

显示效果如下所示: ctx.setlinewidth.png

入参

Object 类型,属性如下:

属性 类型 描述
lineWidth Number 线条宽度,单位为 px。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号