SVG Gradient - Radioactive

SVG radioactive progressive - <radialGradient>

<RadialGradient> élément est utilisé pour définir le dégradé radial.

<RadialGradient> balise doit être imbriquée dans <defs> intérieur. <Defs> est la définition de l'acronyme, tels que des éléments spéciaux qui peuvent être définis comme gradient.

exemple 1

Définir un dégradé radial du blanc au bleu ovale:

Voici le code SVG:

Pour les utilisateurs d' Opera: vue fichier SVG (clic droit sur le graphique aperçu la source SVG).

Analyse de code:

• attribut id <radialGradient> peut être un nom unique pour la définition de gradient
• CX, CY et attribut r définit le cercle extérieur et Fx et Fy définir le cercle intérieur
• gamme de couleurs de dégradé peut être composé de deux ou plusieurs couleurs. Chaque couleur est spécifiée en utilisant une balise <STOP>. décalage est utilisé pour définir le début et la fin du gradient
• Remplissez élément de propriété pour créer un lien vers le gradient de l'ellipse

exemple 2

Défini gradient radial de blanc à ovale bleu autre:

Voici le code SVG:

Pour les utilisateurs d' Opera: vue fichier SVG (clic droit sur le graphique aperçu la source SVG).