Menafsirkan koordinat jalur SVG Inkscape untuk peta HTML


5

Saya memerlukan beberapa koordinat untuk PETA HTML dan mencoba menggunakan inkscape dengan membuka gambar dan hanya menggambar jalur dengan koordinat poligon saya.

Properti dokumen saya disetel ke 256 x 256 piksel dan unit: px

Saat membuka file svg saya mendapatkan koordinat yang tidak segera terlihat.

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

Bagaimana saya bisa mendapatkan koordinat yang bisa saya gunakan?

Gambar asli

alt text

File SVG dari inkscape

Tautan ke SVG


Kemajuan:

Saya mencoba alat yang disebut InkscapeMap yang terlihat menjanjikan dan sederhana, tetapi sayangnya sepertinya tidak bekerja dengan file svn khusus ini.

alt text


Terpecahkan!

Menyimpan file sebagai Plain SVG memecahkan masalah dan InkscapeMap bekerja dengan sempurna.

(Btw. Menyimpan sebagai svg yang dioptimalkan menyebabkan kesalahan penguraian)

Perbarui 13.11

Menggunakan inkscapeMap 0.6 dan Inkscape 0.48 saya perlu menghapus centang koordinat relatif dalam preferensi keluaran SVG. Juga jika Anda mendapatkan pesan kesalahan C, cari poligon dengan C di dalamnya, dan gambar ulang poligon menggunakan editor XML di inkscape.

Pembaruan 25.11.2011

Saya memodifikasi sumber untuk meningkatkan penguraian.

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


Tolong jangan menanamkan file SVG, mereka tidak muncul di setiap browser. Tautan sebagai gantinya.
BloodPhilia

Jawaban:


4

Alat yang sangat menjanjikan :-) Sepertinya alat ini tidak berfungsi pada file khusus ini.
tovare

Koreksi: berhasil ketika menyimpan sebagai file SVG Biasa :)
tovare

halo saya mencoba melakukan hal yang sama tetapi saya memiliki masalah yang sama seperti tovare. Saya menggunakan inkscape 0.48 dan saya mencoba untuk menyimpan sebagai svg sederhana tetapi tidak berhasil.
Mermoz

Seperti saya, 0,48 penghematan dengan svg polos sepertinya tidak berhasil. Error in parsing: org.xml.sax.SAXParseException: Point cohordinates not valid: C
ajbeaven

Kesalahan itu adalah poligon yang belum ditutup saya pikir.
tovare
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.