Html 从psd获取坐标

我有一个带有路径（path）的psd文件。如何获得javascript动画沿路径的坐标

例如：

坐标应如下所示：

需要绘制的路径和坐标。 [！[在此处输入图像描述][1][1]

  <path
      d="m 480,200 c 100,0 0,250 100,200 100,-50 0,-250 100,-300 100,-50 350,100 100,200 -250,100 -350,100 -600,0 -250,-100 0,-250
 100,-200 100,50 0,250 100,300 100,50 0,-200 100,-200"
      id="wiggle"
      class="weirdPath"/>

轨道：

---

如果将路径从PSD中复制出来（使用路径选择工具）并粘贴到Illustrator中，则可以将该路径保存为SVG文件

如果在代码编辑器中打开SVG文件，应该会看到一个

SVG

元素，该元素具有与粘贴的元素类似的

path

元素

---

或者，如果您的路径是artboard上的唯一内容，那么您可以非常可靠地“导出为”SVG并获得类似的结果。我喜欢使用Illustrator for SVG，它给了您更多的控制。

如果您将路径从PSD中复制出来（使用路径选择工具）并粘贴到Illustrator中，您将能够将该路径保存为SVG文件

如果在代码编辑器中打开SVG文件，应该会看到一个

SVG

元素，该元素具有与粘贴的元素类似的

path

元素

或者，如果您的路径是artboard上的唯一内容，那么您可以非常可靠地“导出为”SVG并获得类似的结果。我只是喜欢使用Illustrator for SVG，它给了您更多的控制