计算 SVG 路径

【问题标题】：Calculating SVG paths计算 SVG 路径
【发布时间】：2010-11-11 13:19:30
【问题描述】：

我有一个相当复杂的图像地图（由 150 多张），我想将地图中的坐标转换为 SVG 路径标准格式。

原因是我想使用以下而不是图像映射http://raphaeljs.com/australia.html。但我需要坐标为 SVG 路径标准格式。

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

干杯安东尼

【问题讨论】：

【解决方案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

【讨论】：