Shulou(Shulou.com)06/01 Report--

Most people don't understand the knowledge points of this article "How to close the path of Mini programs," so Xiaobian summarizes the following contents for everyone. The contents are detailed, the steps are clear, and they have certain reference value. I hope everyone can gain something after reading this article. Let's take a look at this article "How to close the path of Mini programs."

canvasContext.closePath definition

Close a path

Tip: Closing a path connects the start and end points.

Tip: If you close a path without calling fill() or stroke() and opening a new path, the previous path will not be rendered.

Example const ctx = wx.createCanvasContext ('myCanvas')ctx.moveTo(10, 10)ctx.lineTo(100, 10)ctx.lineTo (100, 100)ctx.closePath()ctx.stroke()ctx.draw()const ctx = wx.createCanvasContext ('myCanvas')// begin pathctx.rect (10, 10, 100, 30)ctx.closePath()// begin another pathctx.beginPath()ctx.rect (10, 40, 100, 30)// only fill this rect, not in current pathctx.setFillStyle('blue')ctx.fillRect (10, 70, 100, 30)ctx.rect (10, 100, 100, 30)// it will fill current pathctx.setFillStyle ('red ')ctx.fill()ctx.draw() The above is about the content of this article on "How to close the path of Mini programs." I believe everyone has a certain understanding. I hope the content shared by Xiaobian will be helpful to everyone. For more information, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.