2017-12-27 160 views
0

我有一個psd文件與路徑(路徑)。我如何獲得沿路徑的JavaScript動畫的座標?從psd獲取座標

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

座標應該是這樣的:

的路徑,協調你需要畫。 [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"/> 

軌道[在這裏輸入的形象描述] [1]!]: http://zalil.su/8054040

回答

3

如果複製的路徑出PSD(使用路徑選擇工具)並粘貼到Illustrator中,您將能夠將該路徑保存爲SVG文件。

如果您在代碼編輯器中打開SVG文件,您應該會看到一個svg元素,其元素的path類似於您粘貼的元素。另外,如果你的路徑是你的美工板上唯一的東西,你可以非常可靠地「導出爲」一個SVG並獲得類似的結果。我只是喜歡使用Illustrator進行SVG,它給了你更多的控制權。