Dessin de l'API de l'applet WeChat addColorStop (créer des points de dégradé de couleur)


addColorStop

define

crée un point de dégradé de couleur.

Astuce : La partie plus petite que la butée minimale sera rendue en fonction de la couleur de la butée minimale, et la partie plus grande que la butée maximale sera rendue en fonction de la couleur de la butée maximale.

Astuce : Vous devez utiliser addColorStop() pour spécifier des points de dégradé, au moins deux.

Paramètres

QQ截图20170208135947.png

Exemple

const ctx = wx.crateCanvasContext('myCanvas')// Create circular gradientconst grd = ctx.createCircularGradient(75, 50, 50)
grd.addColorStop(0, 'red')
grd.addColorStop(0.16, 'orange')
grd.addColorStop(0.33, 'yellow')
grd.addColorStop(0.5, 'green')
grd.addColorStop(0.66, 'cyan')
grd.addColorStop(0.83, 'blue')
grd.addColorStop(1, 'purple')// Fill with gradientctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()

201612241154059332.png