微信小程序怎么设置线条端点样式

微信小程序怎么设置线条端点样式

本篇内容主要讲解“微信小程序怎么设置线条端点样式”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“微信小程序怎么设置线条端点样式”吧!

canvasContext.setLineCap

定义

设置线条的端点样式。

参数

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

示例代码：

constctx=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()

到此，相信大家对“微信小程序怎么设置线条端点样式”有了更深的了解，不妨来实际操作一番吧！这里是恰卡编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！