创新互联小程序教程：微信小程序API绘图setLineCap（设置线条端点样式）

绘图接口和方法

创新互联网站建设服务商，为中小企业提供网站制作、网站建设服务，网站设计，网站托管运营等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出创新互联。

canvasContext.setLineCap

---

定义

设置线条的端点样式。

参数

参数	类型	范围	说明
lineCap	String	'butt'、'round'、'square'	线条的结束端点样式

示例代码：

const ctx = wx.createCanvasContext('myCanvas')
ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(150, 10)
ctx.stroke()

ctx.beginPath()
ctx.setLineCap('butt')
ctx.setLineWidth(10)
ctx.moveTo(10, 30)
ctx.lineTo(150, 30)
ctx.stroke()

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

ctx.beginPath()
ctx.setLineCap('square')
ctx.setLineWidth(10)
ctx.moveTo(10, 70)
ctx.lineTo(150, 70)
ctx.stroke()

ctx.draw()

绘图接口和方法

网站栏目：创新互联小程序教程：微信小程序API绘图setLineCap（设置线条端点样式）
链接URL：http://www.zsjierui.cn/article/cogcsih.html