计算SVG路径

Question

我有一个非常复杂的图像地图（由150多个部分组成），我想将地图中的坐标转换为SVG路径标准格式。

我之所以要使用以下内容而不是图像映射http://raphaeljs.com/australia.html。但是我需要使用SVG路径标准格式的坐标。

如何将图像映射转换为SVG坐标？

干杯安东尼

Answer 1

假设您正在谈论HTML图像地图？ SVG路径标记与您在HTML图像映射中提供的非常相似。说你有：

<area shape="poly" alt="" coords="0,0,115,0,115,23,92,60,92,111,0,111" />

路径标记中的相同内容是

M 0,0,115,0,115,23,92,60,92,111,0,111 Z

大写M表示startPoint是绝对值。您链接到的示例似乎用连字符分隔没有空格的点。所以你可以试试像

这样的东西

M0,0-115,0-115,23-92,60-92,111-0,111Z