« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
→Dégradé linéaire : spreadMethod |
|||
Ligne 315 :
==== Dégradé radial ====
Un dégradé radial s'obtient avec l'élément <code>radialGradient</code>. Les attributs spécifiques sont :
* <code>cx</code>, <code>cy</code> et <code>r</code> : paramètre du disque contenant le dégradé ; l'arrêt à 100 % se situe sur le périmètre du cercle de centre (''cx'', ''cy'') et de rayon ''r' ; par défaut, le disque est le plus petit disque contenant l'objet (c'est-à-dire que ''cx'' = ''cy'' = ''r'' = 50 %) ;
* <code>fx</code>, <code>fy</code> : coordonnées du foyer du dégradé ; l'arrêt à 0 % se situe au point de coordonnées (''fx'', ''fy'') ; par défaut, ce point se situe au centre du disque (''fx'' = ''cx'', ''fy'' = ''cy'').
On dispose également des attributs <code>gradientTransform</code> et <code>spreadMethod</code>.
Par exemple :
<source lang="xml">
<defs>
<radialGradient
id="dégradé"
>
<stop offset="0" stop-color="blue" />
<stop offset="1" stop-color="red" />
</radialGradient>
</defs>
<rect
x="10%" y="10%" width="80%" height="80%"
fill="url(#dégradé)" stroke-width="3"
/>
</source>
== Métadonnées ==
| |||