怎么设置小程序线条宽度
更新:HHH   时间:2023-1-7


这篇文章主要介绍“怎么设置小程序线条宽度”,在日常操作中,相信很多人在怎么设置小程序线条宽度问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么设置小程序线条宽度”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

canvasContext.setLineWidth


定义

设置线条的宽度。

参数

参数 类型 说明
lineWidth Number 线条的宽度(单位是px)

例子

const ctx = wx.createCanvasContext('myCanvas')
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()

到此,关于“怎么设置小程序线条宽度”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注天达云网站,小编会继续努力为大家带来更多实用的文章!

返回开发技术教程...