SVG Gradiente - Radioactive

SVG radioactivos gradual - <RadialGradient>

<RadialGradient> é utilizado para definir o gradiente radial.

<RadialGradient> tag deve ser aninhado dentro <defs> interior. tag <Defs> é as definições acrônimo, tais como elementos especiais que podem ser definidos como gradiente.

exemplo 1

Definir um gradiente radial de branco para azul oval:

Aqui está o código SVG:

Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).

análise de código:

• tag atributo id <RadialGradient> pode ser um nome único para a definição de gradientes
• CX, CY, e atributo r define o círculo externo e Fx e Fy definir o círculo mais íntimo
• gama de cores do gradiente pode ser composta por duas ou mais cores. Cada cor é especificado usando uma tag <param>. offset é usado para definir o início e final do gradiente
• Preencha elemento de propriedade de ligação para o gradiente da elipse

exemplo 2

Definido gradiente radial de branco para azul oval outra:

Aqui está o código SVG:

Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).