Introduction de l'article de wulin.com (www.vevb.com): L'application de la balise de toile de formation quotidienne HTML5 - Drawing Radial Gradient Graphics.
Nous avons appris à dessiner des graphiques de gradient linéaire à l'aide de Canvas, et aujourd'hui, nous apprendrons à dessiner des graphiques de gradient radial. Grâce à l'étude de la classe précédente, nous savons que le dessin de graphiques de gradient linéaire utilise une fonction très importante - CreateLineargradIdIn ();
Si nous voulons dessiner un gradient radial, nous avons une méthode similaire comme suit:
Xstart: l'axe horizontal du point de départ du gradient
Ystart: la coordonnée verticale du point de départ du gradient
Xend: axe horizontal de point final de gradient
Yend: la coordonnée verticale du point final du gradient
RadiusStart: le rayon du cercle qui commence à changer
rayonnd: le rayon du cercle se terminant par le gradient
Enfin, nous pouvons dessiner un très beau gradient à travers la méthode AddColOrStop que nous avons apprise en dernière classe. Il doit également définir un numéro de point flottant entre 0-1 comme décalage du tournant de gradient.
Le cas de code entier est le même que dans la classe précédente, sauf: