从psd获取坐标

时间:2017-12-27 18:37:41

标签: html svg photoshop psd

我有一个带路径(路径)的psd文件。如何获取路径上javascript动画的坐标?

为例: http://bl.ocks.org/KoGor/8162640

坐标应如下所示:  

您需要绘制的路径,坐标。 [![在此处输入图像说明] [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

1 个答案:

答案 0 :(得分:3)

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

如果您在代码编辑器中打开SVG文件,则会看到svg元素的path元素与您粘贴的元素类似。

或者,如果您的路径是您的画板上唯一的东西,您可以非常可靠地“导出为”SVG并获得类似的结果。我只是喜欢使用Illustrator for SVG,它可以让你有更多的控制权。