[SVG] Cartes, frontières et territoires

[Roworll]

Bon,

Je ne suis pas sur de bien avoir compris la problématique de fond donc je vais juste préciser 2-3 trucs sur le SVG.

Chaque forme en SVG inclut de facto une bordure.
Donc, si tu as un PATH fermé, tu peux agir sur l'apparence de son remplissage (FILL) mais aussi sur celle de la bordure (STROKE).

Tu disposes pour cela de toutes les propriétés disponibles pour les bordures. En couplant cela avec des évènements JS, tu peux au survol de la zone ou au clic agir sur les propriétés de bordure et/ou de remplissage de la zone concernée.

Ainsi, tu peux tracer ton territoire avec stroke-width="0" et passer à stroke-width="1" au survol.

Du coup, je pense qu'il est inutile d'avoir des répétitions de path.

RaphaelJS ne permet pas de grouper les éléments (on peut le simuler soi-même mais c'est assez lourd). Par contre, cette bibliothèque propose dans une moindre mesure des propriétés et des comportements assez proches de ce qui existe en SVG.

Quand à SVGWeb, je n'ai pas encore regardé en profondeur.

J'ai mis un exemple accessible ici en pure SVG. Tu as trois territoires dont les contours apparaissent au survol de la souris et que tu peux sélectionner en cliquant.