canvascontext.setlinewidth(number linewidth)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.setlinewidth 设置线条的宽度。
将影响、
、
的绘制效果。默认的线条的宽度为 1
效果示例
设置线条宽度
number linewidth
线条宽度。0、负数、infinity、nan 将不会生效。
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
ctx.beginpath()
ctx.setlinewidth(1)
ctx.moveto(10, 10)
ctx.lineto(150, 10)
ctx.stroke()
ctx.beginpath()
ctx.setlinewidth(3)
ctx.moveto(10, 35)
ctx.lineto(150, 35)
ctx.stroke()
ctx.beginpath()
ctx.setlinewidth(7)
ctx.moveto(10, 60)
ctx.lineto(150, 60)
ctx.stroke()
ctx.beginpath()
ctx.setlinewidth(13)
ctx.moveto(10, 90)
ctx.lineto(150, 90)
ctx.stroke()
ctx.draw()
<canvas id="canvas">canvas>