Interprétation des coordonnées de chemin SVG Inkscape pour une carte HTML


5

J'avais besoin de coordonnées pour un HTML MAP et j'ai essayé d'utiliser inkskape en ouvrant l'image et en dessinant un chemin avec les coordonnées de mon polygone.

Les propriétés de mon document sont définies sur 256 x 256 pixels et unités: px

En ouvrant le fichier svg, je reçois des coordonnées qui ne sont pas immédiatement apparentes.

 <path
   style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;
          stroke-linejoin:miter;stroke-opacity:1"
   d="m 23.864407,126.91525 3.254237,
                   44.47458 35.79661,
                   44.47458 71.593216,
                   19.52542 71.59322,
                   -37.9661 22.77967,
                   -72.67797 L 218.0339,
                   64 192,49.898305 l -32.54237,
                   8.677966 -18.44068,
                   -35.79661 1.08474,
                  -17.3559322 -71.593215,0 L 45.559322,34.711864 35.
                   79661,57.491525 5.4237288,
                   74.847458 6.5084746,101.9661 23.864407,126.91525 z"
                   id="path2840" />

Comment puis-je obtenir des coordonnées que je peux utiliser?

L'image originale

texte alternatif

Le fichier SVG de inkscape

Lien vers SVG


Le progrès:

J'ai essayé un outil appelé InkscapeMap qui semble simple et prometteur, mais malheureusement, il semble que cela ne fonctionne pas avec ce fichier svn en particulier.

texte alternatif


Résolu!

L'enregistrement du fichier au format SVG standard a résolu le problème et InkscapeMap fonctionnait parfaitement.

(Btw. Enregistrement en tant que svg optimisé a provoqué une erreur d'analyse)

Mise à jour 13.11

En utilisant inkscapeMap 0.6 et Inkscape 0.48, je devais décocher les coordonnées relatives dans les préférences de sortie SVG. De même, si vous recevez un message d'erreur C, recherchez le polygone contenant un C et redessinez-le à l'aide de l'éditeur XML dans inkscape.

Mise à jour du 25.11.2011

J'ai modifié le source pour améliorer l'analyse.

http://tovare.com/create-html-imagemaps-using-inkscape/


S'il vous plaît, n'incorporez pas de fichiers SVG, ils n'apparaissent pas dans tous les navigateurs. Lien vers eux à la place.
BloodPhilia

Réponses:


4

Outil très prometteur :-) Il semble que l'outil ne fonctionne pas sur ce fichier particulier.
tovare

Correction: cela fonctionnait lors de l'enregistrement en tant que fichier SVG ordinaire :)
tovare le

bonjour j'essaie de faire la même chose mais j'ai le même problème que tovare. J'utilise inkscape 0.48 et j'ai essayé de sauvegarder en svg simple mais cela ne fonctionne pas.
Mermoz

Comme je le suis, les économies de 0,48 avec des fichiers simples ne semblent pas fonctionner. Error in parsing: org.xml.sax.SAXParseException: Point cohordinates not valid: C
ajbeaven

Cette erreur est un polygone qui n'a pas été fermé, je pense.
tovare
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.