从psd获取坐标

Question

我有一个带有路径（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"/>

曲目： http://zalil.su/8054040

Answer 1

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

如果您在代码编辑器中打开 SVG 文件，您应该会看到一个 svg 元素，其中有一个 path 元素与您粘贴的元素相似。

或者，如果您的路径是画板上唯一的东西，您可以非常可靠地 "Export As" 一个 SVG 并获得类似的结果。我只是喜欢使用 Illustrator for SVG，它给了你更多的控制权。

从psd获取坐标

Get coordinate from psd

html

svg

photoshop

psd