all html : Le portail des webmaster

Article publié le lundi 29 mars 2004 par ALL HTML.
Cet article est classé dans les catégories « SVG »

Entête d'un fichier SVG

Le SVG est un fichier de type XML, pour cela vous devez toujours commencer votre fichier SVG par une balise déclarant la version du XML utilisé.

<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>

Note : Attention vous devez respecter l'ordre suivant : Version, codage et existence de déclarations extérieures au document (facultatif). Si l'attribut standalone a comme valeur "yes", alors le processeur considère que toutes les déclarations nécéssaires au document y sont incluses.

Dans un deuxième temps, vous devez declarer le type du document. Ici on doit faire référence à la dtd normalisé par la W3C. Voici le lien vers la dtd datant du 04 septembre 2001 :

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

Enfin, vous pouvez ouvrir votre balise SVG (l'élément racine). Elle se compose :

- d'une balise ouvrante
- d'un contenu d'élément
- d'une balise fermante

Exemple d'une balise d'ouverture

<svg id="test" width="800" height="600" viewBox="0 0 1024 768">

Cette balise sera interprété de la façon suivante : La taille de l'image sera en 800 par 600 et la visualisation des objets s'effectuera sur un référentiel en 1024 par 768.

Comme pour tous documents HTML ou XML, on peut insérer des commentaires de type :

<!-- Commentaires ici -->

Remarques importantes

- Le langage SVG est interprété en pas a pas
- Chaque objet se comporte dans la zone d'affichage comme un calque

Ces 2 remarques ont pour conséquence la propriété suivante : si l'on édite un objet 1 avant un objet 2 et que l'objet 2 se superpose à l'objet 1 alors l'objet 2 masquera l'objet 1.

Présentation des balises les plus courantes

a) Balises title et desc

Ces balises ne sont pas visible a partir du graphique. Elles sont utilisées pour donner un titre et des descriptions au graphique. En effet en leur attribuant un Id et a l'aide d'un script, on peut récupérer les informations contenues dans leur balise. Elles sont constituées d'une balise ouvrante et d'une balise fermante.

b) Balise defs

Cette balise permet de définir et de classer des fonctions objets. Elle est constituée d'une balise ouvrante et d'une balise fermante.

c) Balise g

Cette balise defini un groupement d'objet. Les attributs ainsi que les propriétés qui lui seront attribués seront à repercuter sur l'ensemble des objets du groupe. Elle est constituée d'une balise ouvrante et d'une balise fermante.