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

This article mainly explains "how WeChat Mini Programs fills the content in the current path". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought. Let's study and learn "how WeChat Mini Programs fills the content in the current path"!

CanvasContext.fill definition

Populates the contents of the current path. The default fill color is black.

Tip: if the current path is not closed, the fill () method connects the start and end points and populates them, as shown in example 1.

The path populated by Tip:fill () is calculated from beginPath (), but does not include fillRect (), as detailed in example 2.

Example const ctx = wx.createCanvasContext ('myCanvas') ctx.moveTo (10,10) ctx.lineTo (100,10) ctx.lineTo (100,100) ctx.fill () ctx.draw () const ctx = wx.createCanvasContext (' myCanvas') / / begin pathctx.rect (10,10,100,30) ctx.setFillStyle ('yellow') ctx.fill () / / 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 () Thank you for your reading The above is the content of "how WeChat Mini Programs fills the content in the current path". After the study of this article, I believe you have a deeper understanding of how WeChat Mini Programs fills the content in the current path. The specific use of the situation also needs to be verified by practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.