如何将图像地图坐标转换为 SVG 路径格式？答案

【问题标题】：How to convert image map coords to SVG path format?如何将图像地图坐标转换为 SVG 路径格式？
【发布时间】：2018-05-25 08:55:00
【问题描述】：

我已经从 Photoshop 上的图像中提取了选定的区域坐标，并希望将它们转换为纯 SVG 路径格式。我找不到任何合适的方法来做到这一点，请帮忙。

【问题讨论】：

是什么样的图像？你的形状只有直线，还是也有曲线？请用更多信息扩展您的问题，以便我们提供适当的建议。
嗨，Paul，这是一张普通的 JPG 图像，形状有直线和曲线。例如我想转换这个提取的坐标：<map name="imageMap"> <area shape="poly" coords="681,228,681,340,458,340,446,427,686,528,704,610,704,630,696,668,664,728,543,804,507,810,449,814,429,814,374,806,317,790,296,780,302,755,316,703,321,682,325,681,376,698,552,664,566,619,562,593,488,534,446,528,388,526,365,526,326,530,326,529,328,513,334,464,356,294,362,246,364,229,388,228,450,228" href="***Work Path***.html" alt="Work Path" title="Work Path"/> </map>

【解决方案1】：

您通常可以将您的图像地图坐标列表传输到 SVG <polygon> 元素的 points 属性。

我在以下问题中的回答提供了一些示例。

【讨论】：