How does WeChat Mini Programs clear the content on the canvas in the rectangular area

This article mainly explains how WeChat Mini Programs clears the content in the rectangular area on the canvas. Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how WeChat Mini Programs clears the content on the canvas in this rectangular area.

CanvasContext.clearRect definition

Clears the contents of the canvas within the rectangular area.

Tip: clearRect does not draw a white rectangle in the address area, but empties it. In order to have an intuitive feeling, it adds a background color to the canvas.

The parameter type indicates the width of the xNumber rectangular region in the upper left corner of the x coordinate yNumber rectangular region the width of the y coordinate heightNumber rectangular region in the upper left corner of the heightNumber rectangular region const ctx = wx.createCanvasContext ('myCanvas') ctx.setFillStyle (' red') ctx.fillRect (0,0,150,200) ctx.setFillStyle ('blue') ctx.fillRect (150,0150,200) ctx.clearRect (10,10,150,75) ctx.draw () so far I believe you have a better understanding of "how WeChat Mini Programs clears the content on the canvas in the rectangular area". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!