Bon encore une fois, j'ai fait ça à l'arrache mais l'idée est là.
Tu places un objet image en fond qui contient ta carte.
Tu colles par dessus des paths ayant la forme de tes régions et tu rajoute les évènements qui vont bien. Les miens sont très approximatifs mais un type plus patient et mieux outillé devrait faire ça à la perfection.
L'astuce ici est de définir l'attribut 'fill' puis de définir le 'fill-opacity' à 0 pour rendre l'intérieur de la région transparent mais sensible aux évènements de la souris.
Si tu regardes le code, ne prêtes pas attention aux attributs transform. C'est l'outil que j'utilise pour créer les SVG qui me rajoute ces cochonneries et j'ai du composer avec.
SVG Rocks !
Tu places un objet image en fond qui contient ta carte.
Tu colles par dessus des paths ayant la forme de tes régions et tu rajoute les évènements qui vont bien. Les miens sont très approximatifs mais un type plus patient et mieux outillé devrait faire ça à la perfection.
L'astuce ici est de définir l'attribut 'fill' puis de définir le 'fill-opacity' à 0 pour rendre l'intérieur de la région transparent mais sensible aux évènements de la souris.
Si tu regardes le code, ne prêtes pas attention aux attributs transform. C'est l'outil que j'utilise pour créer les SVG qui me rajoute ces cochonneries et j'ai du composer avec.
SVG Rocks !
Quand on te dit qu'un projet est terminé à 90%, prépare toi pour les 90% suivant
Ninety-Ninety Rule
"Une guerre de religions, c'est quand deux peuples s'entretuent pour savoir qui a le meilleur ami imaginaire"
Vu sur IRC
Ninety-Ninety Rule
"Une guerre de religions, c'est quand deux peuples s'entretuent pour savoir qui a le meilleur ami imaginaire"
Vu sur IRC