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

The knowledge points of this article "how to create a WeChat Mini Programs circular gradient" are not quite understood by most people, so the editor summarizes the following, with detailed contents and clear steps, which can be used for reference. I hope you can get something after reading this article. Let's take a look at this "how to create WeChat Mini Programs circular gradient" article.

CanvasContext.createCircularGradient definition

Create a circular gradient color.

Tip: the starting point is in the center of the circle and the end point is in the circle.

Tip: you need to use addColorStop () to specify gradient points, at least two.

The parameter type defines the x coordinate of the xNumber center, the x coordinate of the center of the yNumber, the radius of the y coordinate of the rNumber circle example const ctx = wx.createCanvasContext ('myCanvas') / / Create circular gradientconst grd = ctx.createCircularGradient (75,50,50) grd.addColorStop (0,' red') grd.addColorStop (1, 'white') / / Fill with gradientctx.setFillStyle (grd) ctx.fillRect (10,10,150) 80) ctx.draw () above is the content of this article on "how to create a WeChat Mini Programs circular gradient" I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to 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.