Etude exploratoire XML / SVG IDL_CERTU1/ETU_001 / 1.1 - Lara

Edité le 11 juin 2002 Etude exploratoire XML / SVG CERTULorsque l’on souhaite surligner un contour, on procède de la même manière avec des élémentscosmétiques n’ayant pas de couleur de remplissage, mais uniquement un contour de couleur rouge ou bleue.3.7.3 Réalisation d’un double trait pour le contour des secteursDans une carte de P.O.S., les secteurs sont représentés avec un contour constitué d’un trait plein àl’extérieur et d’un trait en pointillé à l’intérieur. Il faut noter que le format SVG permet de créer des contoursavec tous les types de pointillés imaginables, mais qu’il n’existe pas de manière simple de créer ainsi un doubletrait.Pour résoudre ce problème, nous avons recours à un objet nommé « mask », qui permet de limiter lazone où il est possible de dessiner. Le dessin du double contour se fait alors en deux étapes.1. On dessine un trait en pointillé qui représentera l’intérieur du contour avec le masque approprié.2. On dessine un trait épais en utilisant un masque pour que seule la partie extérieure du trait soitdessinée.On obtient ainsi un double trait, avec à l’intérieur des pointillés, et à l’extérieur un trait plein. Cela donne lerésultat suivant :Figure 27 : Exemple de double trait réalisé en SVGNous n’utilisons pas de Javascript pour cela, mais uniquement des objets graphiques SVG. Tout d’abord, nousdéfinissons les deux masques :…SWORD - Nos réf. : IDL_CERTU1/ETU_001 / 1.1 Diffusion : contrôlée Page : 50/81