☰

解释 HTML 地图的 Inkscape SVG 路径坐标

tag-icon • tag-icon html inkscape imagemap
解释 HTML 地图的 Inkscape SVG 路径坐标

我需要一些 HTML MAP 的坐标，并尝试使用 inkskape 打开图像并使用我的多边形坐标绘制一条路径。

我的文档属性设置为 256 x 256 像素，单位为：px

打开 svg 文件时，我得到了不立即显现的坐标。

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

我如何获得我可以使用的坐标？

原始图像

替代文本

来自 inkscape 的 SVG 文件

链接至 SVG

进步：

我尝试了一个叫做Inkscape地图它看起来很有希望并且很简单，但不幸的是它看起来不适用于这个特定的 svn 文件。

替代文本

解决了！

将文件保存为普通 SVG 解决了问题并且 InkscapeMap 完美运行。

（顺便说一句，保存为优化的 svg 会导致解析错误）

更新 13.11

使用 inkscapeMap 0.6 和 Inkscape 0.48 时，我需要在 SVG 输出首选项中取消选中相对坐标。此外，如果您收到 C 错误消息，请查找其中带有 C 的多边形，然后使用 inkscape 中的 XML 编辑器重新绘制该多边形。

2011 年 11 月 25 日更新

我修改了源代码以改进解析。

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

答案1

核实：

http://sourceforge.net/projects/inkscapemap/

相关内容