La première ligne est la déclaration de XML. Noter l'attribut autonome ! Cet attribut indique si le dossier de SVG « seul se tient », ou contient la référence à un dossier externe. le standalone= " non " ne signifie que le document de SVG a une référence à un dossier externe, le DTD.
La deuxième et troisième ligne se rapporte au DTD de SVG externe. Le DTD est situé dans « http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd ». Le DTD réside au W3C et il contient tous les éléments de SVG.
Le code de SVG commence toujours par l'élément de <svg>, qui comprend l'étiquette de <svg> d'ouverture et l'étiquette de la fermeture </svg>. C'est l'élément de racine. La largeur et la taille attribue des ensembles la largeur et la taille du document de SVG. L'attribut de version définit la version de SVG à employer et l'attribut de xmlns définissent le namespace de SVG.
L'élément de <circle> de SVG est employé pour créer un cercle. Le cx et les attributs cy définissent la coordonnée de x et de y du centre du cercle. Si cx et cy sont omis alors le centre du cercle est placé à (0, 0). L'attribut de r définit le rayon du cercle.
Les attributs de course et de course-largeur commandent comment le contour d'une forme apparaissent. Nous avons placé le contour du cercle à un 2px « frontière » large et bleue.
L'attribut de suffisance se rapporte à la couleur à l'intérieur d'une forme. Nous avons placé la couleur de suffisance pour jaunir.
La fin d'étiquette de la fermeture </svg> l'élément de la racine SVG et le document.
Note : Toutes les étiquettes d'ouverture ont toujours des étiquettes de fermeture
|