[Résolu][SVG] Dessiner des motifs pour une carte d'hexagones

[Myrina]

très bien avec le clipping sur l'hexagone; cela t'évites de déborder sur les autres hexagones.
Quant au problème d'ajustement, je te l'ai déjà dit: passe en entier. Cela rajoute quelques contraintes mais ne devrait pas être pénalisant. Si tu envisages de te déplacer sur la carte, avec les transformations translate (et scale pour zoomer), tu ne devrais pas perdre sur l'ajustement quelque soit la situation.

[Sephi-Chan]

Hélas, utiliser des entiers engendre des décalages trop visibles à l'endroit où deux portions de cercles se connectent.

[Myrina]

Essaie de travailler avec une macro échelle (x 1000 par exemple) tout en restant en entier et lors du rendu, dans la balise <g> englobant l'ensemble, tu appliques une transformation scale(0.001). Avec de la chance, les espacements devrait disparaitre voir diminuer.
Attention toutefois à la valeur de la largeur du stroke qui s'en trouveras également réduit.

[Sephi-Chan]

Ça ne marche pas. SVG joue très bien son rôle et la qualité reste identique. ^^
Je pense avoir une solution. Simplement dessiner les routes par dessus la couche actuelle.

C'est un petit mix des 2 approches. Mais je ne sais pas encore comment je vais le faire.

[niahoo]

Je viens de tester le code PHP et c'est exactement ça que je voulais dire !

Gaffe aux \n dans des simple quotes ça les imprime tels quels.

Les cercles sont clicables non ? donc autant pas les découper en 3 puis s'amuser à mettre les morceaux manquants sur l'eau pour ensuite refaire des cercles sur une couche réactive. ENfin, que s'ils sont clicables.

[Sephi-Chan]

J'ai implémenté ton exemple et l'ai légèrement ajusté. Il reste un petit soucis : certaines routes sont fermées quand elles arrivent dans un cercle.

C'est curieux car je n'aime pas vraiment le rendu alors qu'il m'emballait sur papier. Je crois que je n'aime pas l'aspect fade et plastifier des applats de couleur de SVG. De plus, la densité de territoires est vraiment importante.

Ça file un peu mal au crâne, vous ne trouvez pas ?

[php_addict]

tu peut rajouter une couche de dégradés ou de motifs mais c'est certain qu'en svg tu va galérer pour générer un truc chouette

[niahoo]

ça coupe les routes parce que tu mets tout sur la même couche

[Hideaki]

Pas de mal de crâne Sephi-chan, je suis en accord avec niahoo.
En revanche tes exemples s'affiche mal sous FF8 et Opera mais pas sous Chromium contrairement à l'exemple de Myrina où tout s'affiche correctement.

[Sephi-Chan]

Voilà j'ai maintenant un résultat qui me plaît mieux, après avoir ajusté la taille des différents éléments. Ça me fatigue moins avec des bordures plus fines.

J'en ai profité pour corriger le petit bug de couches.

http://dl.dropbox.com/u/1550266/Seelies/...ed/v4.html

J'aimerai maintenant corriger le problème de compatibilité.
Pour Opera, rien ne s'affiche et j'ignore pourquoi.
Quant à Firefox, il semble avoir un bug avec l'attribut height. Il ne sait pas gérer la valeur 100%, qu'elle soit implicite ou explicite…


La prochaine étape sera d'afficher un donut chart sur chaque territoire afin de rendre de compte de quelle équipe possède combien de % du territoire.