Holen Sie die Koordinate von PSD

Question

Ich habe eine PSD-Datei mit einem Pfad (Pfad). Wie bekomme ich die Koordinaten für die Javascript-Animation entlang des Pfades?

exampl: http://bl.ocks.org/KoGor/8162640

Koordinaten sollte wie folgt aussehen:

Der Weg, koordiniert Sie zeichnen müssen. [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"/> 

Track [[treten Sie hier image description] [1]!]: http://zalil.su/8054040

Answer 1

Wenn Sie kopieren den Pfad aus dem PSD (dem Pfadauswahl-Werkzeug) und einfügen In Illustrator können Sie diesen Pfad als SVG-Datei speichern.

Wenn Sie die SVG-Datei in Ihrem Code-Editor öffnen, sollten Sie ein svg Element sehen, das ein path Element ähnlich dem, das Sie eingefügt haben, hat.

Alternativ, wenn Ihr Pfad das einzige auf Ihrer Zeichenfläche ist, können Sie ziemlich sicher "Export As" ein SVG und erhalten ein ähnliches Ergebnis. Ich benutze Illustrator nur für SVG, es gibt Ihnen ein bisschen mehr Kontrolle.