SVG Gradient - Radioactive

SVG radioattivo graduale - <radialGradient>

<RadialGradient> viene utilizzato per definire il gradiente radiale.

<RadialGradient> tag deve essere nidificato all'interno <defs> interni. <Defs> tag è la definizione acronimo, come elementi speciali che possono essere definiti come gradiente.

esempio 1

Definire un gradiente radiale dal bianco al blu ovale:

Ecco il codice SVG:

Per gli utenti di Opera: file in formato SVG vista (tasto destro del mouse sulla grafica anteprima Source SVG).

analisi del codice:

• attributo id <radialGradient> tag può essere un nome univoco per la definizione del gradiente
• CX, CY, e l'attributo R definisce il cerchio più esterno e Fx Fy e definire il cerchio più interno
• gamma di colori gradiente può essere composto di due o più colori. Ogni colore è specificato utilizzando un tag <STOP>. offset viene utilizzato per definire l'inizio e la fine della sfumatura
• Riempire elemento di proprietà di collegare al gradiente dell'ellisse

esempio 2

Definito sfumatura radiale dal bianco al blu ovale un'altra:

Ecco il codice SVG:

Per gli utenti di Opera: file in formato SVG vista (tasto destro del mouse sulla grafica anteprima Source SVG).