svg - 计算 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