« Découvrir le SVG/Éléments graphiques » : différence entre les versions
Contenu supprimé Contenu ajouté
Syntaxe générale et aspect des objets |
→Syntaxe générale et aspect des objets : exemple de couleurs |
||
Ligne 11 :
* <code>''attributn''</code> désigne le paramètre ''n'' de l'élément : couleur, coordonnée d'un point, rayon d'un arc de cercle…
* <code>''valeurn''</code> désigne la valeur attribuée à l'attribut ''n''.
Certains attributs définissent la mise en forme de l'objet, appelé « coloriage » ''({{lang|en|painting}})'', et sont communs à tous les éléments présenté ici. Les principaux sont :
* <code>fill</code> : indique la couleur de remplissage ;
* <code>stroke</code> : indique la couleur du trait de contour ;
* <code>stroke-width</code> : indique l'épaisseur du trait de contour.
Les valeurs des attributs <codefill</code> et <code>stroke</code> sont une couleur. Une couleur peut être exprimée par un mot-clef ou bien par une valeur numérique selon la norme RVB (rouge-vert-bleu). On dénombre environ 150 mots-clefs<ref>{{lien web
| url = https://www.w3.org/TR/SVG/types.html#ColorKeywords
| titre = Recognized color keyword names
| langue = en
| site = W3C
| consulté le = 2017-03-30
}}</ref>, par exemple :
* <code>none</code> : aucune couleur, invisible ;
* des couleurs classiques (noms en anglais) : <code>black</code>, <code>blue</code>, <code>brown</code>, <code>cyan</code>, <code>gray</code> ou <code>grey</code>, <code>green</code>, <code>magenta</code>, <code>orange</code>, <code>pink</code>, <code>red</code>, <code>violet</code>, <code>white</code>, <code>yellow</code> ;
* d'autres couleurs : <code>aqua</code>, <code>aquamarine</code>, <code>crimson</code>, <code>fuschia</code>, <code>gold</code>, <code>indigo</code>, <code>ivory</code>, <code>khaki</code>, <code>lavander</code>, <code>lime</code>, <code>limegreen</code>, <code>linen</code>, <code>maroon</code>, <code>mintcream</code>, <code>navy</code>, <code>olive</code>, <code>orangered</code>, <code>orchid</code>, <code>peru</code>, <code>plum</code>, <code>purple</code>, <code>royalblue</code>, <code>salmon</code>, <code>silver</code>, <code>skyblue</code>, <code>turquoise</code>, <code>yellowgreen</code>… ;
* des variantes : plus sombres — <code>darkcyan</code>, <code>darkblue</code>, <code>darkgray</code> ou <code>darkgrey</code>… <code>darkviolet</code> —, ou plus plus claires — <code>lightcyan</code>, <code>lightblue</code>, <code>lightgray</code> ou <code>lightgrey</code>… <code>lightviolet</code>.
== Rectangles ==
| |||