How to set the end style of lines by WeChat Mini Programs

This article mainly explains "How to set line endpoint style for Weixin Mini Programs (Mini)." Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "How to Set Line Endpoint Style for Weixin Mini Programs"!

canvasContext.setLineCap definition

Sets the endpoint style of a line.

Parameter Parameter Type Range Description CaplineString 'but',' round','square' End End Point Style Sample Code: 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() At this point, I believe you have a deeper understanding of "How to set line endpoint style for Weixin Mini Programs (Mini)," so you might as well do it in practice! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!