Introducción al artículo de Wulin.com (www.vevb.com): la aplicación de la etiqueta de lona de entrenamiento diario HTML5 - Dibujo de gráficos de gradiente radial.
Aprendimos a dibujar gráficos de gradiente lineal usando lienzo, y hoy aprenderemos cómo dibujar gráficos de gradiente radial. A través del estudio de la clase anterior, sabemos que dibujar gráficos de gradiente lineal utiliza una función muy importante: CreateLineArgradiend ();
Si queremos dibujar un gradiente radial, tenemos un método similar de la siguiente manera:
XStart: el eje horizontal del punto de inicio del gradiente
Ystart: la coordenada vertical del punto de inicio del gradiente
Xend: eje horizontal de punto final de gradiente
yend: la coordenada vertical del punto final de gradiente
RadiusStart: el radio del círculo que comienza a cambiar
Radiusend: el radio del círculo que termina en el gradiente
Finalmente, podemos dibujar un gradiente muy hermoso a través del método AddColorstop que aprendimos en la última clase. También necesita establecer un número de punto flotante entre 0-1 como el desplazamiento del punto de inflexión de gradiente.
Todo el caso del código es el mismo que en la clase anterior, excepto: