小编tov*_*are的帖子

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

我需要一些 HTML MAP 的坐标,并尝试通过打开图像来使用inkkape,然后用我的多边形坐标绘制一条路径。

我的文档属性设置为 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" />
Run Code Online (Sandbox Code Playgroud)

如何获得可以使用的坐标?

原图

替代文字

来自inkscape的SVG文件

链接到 SVG


进步:

我尝试了一个名为InkscapeMap的工具,它看起来很有前途且简单,但不幸的是,它似乎不适用于这个特定的 svn 文件。

替代文字


解决了!

将文件保存为普通 SVG 解决了这个问题,并且 InkscapeMap 工作得很好。

(顺便说一句,保存为优化的 svg 会导致解析错误)

13.11 更新

使用inkscapeMap 0.6 和Inkscape 0.48 我需要取消选中SVG 输出首选项中的相对坐标。此外,如果您收到 C 错误消息,请搜索其中包含 …

html inkscape imagemap

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

imagemap ×1

inkscape ×1