svgdotjs/svg.import.js

Animating an imported SVG file

krmmalik opened this issue · 7 comments

I can't quote figure out from the docs how an imported SVG object can be animated?
I have tried to use the path id of the SVG object, but that doesn't work.

For your information (as i'm worried you might be getting annoyed) - I tried to solve this problem on my own, and then consulted StackOverflow with no success.

Here's my SO question:

http://stackoverflow.com/questions/14714676/animating-an-imported-svg-object/14714985#14714985

wout commented

I answered it.

wout commented

Did you manage in the meantime?

havent had chance to try as i'm out in meetings all day today.

will definitely try tomorrow and update you

thank you for checking up on me.

Sent from my iPhone

On 6 Feb 2013, at 12:46, Wout Fierens notifications@github.com wrote:

Did you manage in the meantime?


Reply to this email directly or view it on GitHub.

Updated the library, and used the following code, but still getting a
"Object has no method animate error"

code below:

var draw = svg('paper').size('100%', '100%');
var store = draw.import(rawSvg);

store.animate().move(150, 150);

Khuram Malik
view my mobile-friendly business card -- http://krmmalik.com/me

On 6 February 2013 12:46, Wout Fierens notifications@github.com wrote:

Did you manage in the meantime?


Reply to this email directly or view it on GitHubhttps://github.com//issues/3#issuecomment-13180264.

wout commented

The store is an object containing the imported elements. You should call the imported element like this:

store.element12345.animate().move(150,150);
wout commented

Just minor detail, the element12345 part is the id of the element in the SVG document.

This is working. Thank you so much.
Sorry for all the inconvenience caused to you. You are very kind.