Hi,

I'm trying to build an application that uses SVG as it's front end.  
To that end, I've got a lot of visual effects going on in the 
application.  More or less the application has five different map 
views, and there is a route animation that spans the five maps.  I'd 
like to generate the entire SVG document at once, with all the 
animations and paths for each of the maps layed on the map at the 
beginning.  The maps begin as a thumbnail sized map, then expand as 
the animation sequence elapses, arriving at the points when a 
particular map is important.

To complicate this, it also needs to be interactive to the extent 
that users can restart the animation from the beginning (without 
reloading the svg document), and can switch between maps at any time.

I'd _really_ prefer to avoid doing all the animations through 
javascript.

I've got a lot of this working already, but only in two pieces.

I have the maps rendering the routes correctly, and I've got the 
interface to the maps with the iconic maps presented and switchable.

My questions are:

(a) I've tried to use <svg> and <g> tags to group the map route 
information together, and move/grow them when necessary.  However 
there does need to be some state -- which map is currently in the 
main view.  I need to be able to dynamically change the animation 
destination and sizing depending on what just was clicked.  When I 
use the svg and g elements to do this the animations do not work.  
However, if I animate just a normal graphical element like this it 
works great.  How do people usually deal with such a problem?

If necessary I can come up with some simple mockup of my issue here.

(b) I would like to be able to trigger animations to begin/end from 
javascript functions.  How does one do this?

(c) If I want to change transform attributes from within a 
javascript function, is there any other interface than writing the 
transform attribute's text?  ie, are there any elements such as 
element.scale.sx?

Thanks a bunch,
robert





-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
---- 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 



Reply via email to