2017-12-27 16 views
0

パス(パス)を持つpsdファイルがあります。どのようにパスに沿ってJavaScriptアニメーションの座標を取得できますか?psdから座標を取得

Exampl: 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を「信頼できるようにエクスポート」して同様の結果を得ることができます。私はSVGのためにIllustratorを使用するのが好きです。ちょっとしたコントロールができます。

関連する問題