Interpretieren der Inkscape-SVG-Pfadkoordinaten für die HTML-Karte

10893
tovare

Ich brauchte ein paar Koordinaten für ein HTML-MAP und versuchte, inkskape zu verwenden, indem ich das Bild öffne und einfach einen Pfad mit meinen Polygonkoordinaten zeichnete.

Meine Dokumenteigenschaften sind auf 256 x 256 Pixel und Einheiten: px eingestellt

Beim Öffnen der SVG-Datei bekomme ich Koordinaten, die nicht sofort sichtbar sind.

 <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" /> 

Wie kann ich Koordinaten erhalten, die ich verwenden kann?

Das ursprüngliche Bild

Alt-Text

Die SVG-Datei von inkscape

Link zu SVG


Fortschritt:

Ich habe ein Tool namens InkscapeMap ausprobiert, das vielversprechend und einfach aussieht, aber leider sah es nicht aus, dass es mit dieser bestimmten svn-Datei funktionierte.

Alt-Text


Gelöst!

Das Speichern der Datei als einfache SVG-Datei löste das Problem und InkscapeMap funktionierte einwandfrei.

(Übrigens: Speichern als optimiertes SVG hat einen Parsing-Fehler verursacht.)

Update 13.11

Mit inkscapeMap 0.6 und Inkscape 0.48 musste ich die relativen Koordinaten in den SVG-Ausgabeeinstellungen deaktivieren. Wenn Sie eine C-Fehlernachricht erhalten, suchen Sie das Polygon mit einem C nach unten und zeichnen Sie das Polygon mit dem XML-Editor in inkscape neu.

Update vom 25.11.2011

Ich habe die Quelle geändert, um das Parsing zu verbessern.

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

5
Bitte binden Sie keine SVG-Dateien ein, sie werden nicht in jedem Browser angezeigt. Verlinke sie stattdessen. BloodPhilia vor 14 Jahren 0

1 Antwort auf die Frage

4
jrc03c
Vielversprechendes Tool :-) Es scheint, dass das Tool für diese bestimmte Datei nicht funktioniert. tovare vor 14 Jahren 0
Korrektur: beim Speichern als einfache SVG-Datei hat es funktioniert :) tovare vor 14 Jahren 0
hallo ich versuche dasselbe zu tun, aber ich habe das gleiche problem wie tovare. Ich verwende inkscape 0.48 und versuchte, es als SVG-Simple zu speichern, aber es funktioniert nicht. Mermoz vor 13 Jahren 0
Wie ich bin, scheint die Einsparung von 0,48 mit einfachem SVG nicht zu funktionieren. `Fehler beim Analysieren: org.xml.sax.SAXParseException: Punktkoordinaten ungültig: C` ajbeaven vor 13 Jahren 0
Dieser Fehler ist ein Polygon, das, glaube ich, noch nicht geschlossen wurde. tovare vor 13 Jahren 0