Prüfen Sie:
Interpretieren der Inkscape-SVG-Pfadkoordinaten für die HTML-Karte
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
Die SVG-Datei von inkscape
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.
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/
1 Antwort auf die Frage
Verwandte Probleme
-
4
Kostenloser HTML Image Map Editor für Windows?
-
9
Wie versende ich E-Mails in Klartext und nicht in HTML in meinem E-Mail-Client?
-
2
Die Länge einer Linie ändern und dieselbe Breite beibehalten?
-
2
Inkscape: Was sind "Linienobjekte"?
-
4
Google ist zu langsam zum Laden
-
6
Was ist ein guter, einfacher und kostenloser HTML-Editor für Windows?
-
6
So finden Sie den Quellcode für HTML-E-Mails
-
4
Grafikdesign in Outlook-HTML-E-Mails
-
4
Zeilenumbrüche in Entourage-E-Mails
-
3
Wie kann der Quellcode einer Seite angezeigt werden, wenn ein Popup mit Javascript-Modal zuerst gela...