ConnorAtherton / walkway

An easy way to animate SVG elements.

Home Page:http://connoratherton.com/walkway

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Incompatible with Sketch?

itsjoshuagraves opened this issue · comments

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

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.

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

  • Convert the text to outlines
  • Add a border to it
  • Export as SVG

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.

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

Can I close this now?