Artigo Introdução de wulin.com (www.vevb.com): a aplicação da tag de tela de treinamento diário HTML5 - desenhando gráficos de gradiente radial.
Aprendemos a desenhar gráficos de gradiente linear usando tela e hoje aprenderemos a desenhar gráficos de gradiente radial. Através do estudo da classe anterior, sabemos que o desenho de gráficos de gradiente linear usa uma função muito importante - CreateLinearGradIend ();
Se queremos desenhar um gradiente radial, temos um método semelhante da seguinte maneira:
XStart: o eixo horizontal do ponto de partida do gradiente
Ystart: a coordenada vertical do ponto de partida do gradiente
Xend: eixo horizontal do ponto final do gradiente
Yend: a coordenada vertical do ponto final do gradiente
RadiusStart: o raio do círculo que começa a mudar
RADIUSEND: O raio do círculo que termina no gradiente
Finalmente, podemos desenhar um gradiente muito bonito através do método AddColorstop que aprendemos na última classe. Ele também precisa definir um número de ponto flutuante entre 0-1 como o deslocamento do ponto de virada do gradiente.
Todo o caso de código é o mesmo da classe anterior, exceto: