« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
→Dégradé linéaire : gradientTransform |
→Dégradé linéaire : spreadMethod |
||
Ligne 308 :
L'élément peut contenir un attribut <code>gradientTransform</code> qui fonctionne de la même manière que l'attribut <code>transform</code> des objets graphiques (voir [[#Attribut transform|ci-dessus]]). Cela permet par exemple d'incliner ''({{lang|en|skew}})'' le dégradé.
Enfin, l'attribut <code>spreadMethod</code> définit ce qui se passe si l'objet est plus étendu que le dégradé (c'est-à-dire si le vecteur gradient ne couvre pas les abscisses et les ordonnées de 0 à 100 % de l'objet) :
* <code>spreadMethod="pad"</code> : les couleurs aux extrêmes sont étendues jusqu'aux bords de l'objet ;
* <code>spreadMethod="reflect"</code> : le dégradé part dans l'autre sens ;
* <code>spreadMethod="repeat"</code> : le dégradé recommence, il se répète.
==== Dégradé radial ====
| |||