search

ConnorAtherton / walkway

An easy way to animate SVG elements.
http://connoratherton.com/walkway
MIT License
4.37k stars 229 forks source link

Incompatible with Sketch? #15

Closed itsjoshuagraves closed 9 years ago

itsjoshuagraves commented 10 years ago

Does this work with other elements exported from Sketch? I see rect and other elements, but I'm unable to get any kind of animation on them. Also, does this work with any kind of text?

Here's a link to something I tried with a diamond exported from Sketch: https://gist.github.com/anonymous/38af460432c6835ca632

ConnorAtherton commented 9 years ago

This only animates path and line elements. See here.

The reason is that to interpolate the whole line we need to know it's full line length and there doesn't seem to be a simple way to do calculate that for elements like rect. Can Sketch export to just line or path elements?

It will only work if the text is exported to be a collection of path elements.

If you find out how to export from Sketch in a way that allows this to work, please post back here so I can add it to the README or wiki. It may help others who run into the same problem.

itsjoshuagraves commented 9 years ago

Update: I can get text to export as a path if I do the following:

Lines drawn with the line tool export as path elements, as do other rectangles with borders.

It doesn't look like I intended, but it's a neat trick to keep up my sleeve.

ConnorAtherton commented 9 years ago

Glad you found some solution. We just added support for polyline elements if it helps at all.

Can I close this now?