svg - 计算SVG路径

Question

我有一个非常复杂的图像 map (由 150 多个部分组成)，我想将 map 中的坐标转换为 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