Re: question about svg

Hello,

I think, declarative animation can solve your problem
(if these are only decorative issues, maybe in the future
this can be solved as well with CSS-animation or it can
be done with scripting. But it looks like relevant content,
therefore declarative animation within SVG is what
you need.).

...
>
>My problem is;
>
>I was wondering that is it possible to do such a possible thing with 
>just using svg. here is the image;
>
>http://s18.postimage.org/csyespybt/issue.jpg
>
>when user clicks on this svg component in stage-1

You can begin and end a declarative animation
with clicks and some other events.

>it will expand and  show another graph inside.

Depending on the element, that needs to be expanded, you
can animate a transformation or you can animate the viewBox
or the width and height and position, if the element has such attributes.
To show something, that was not present before, there are
several options as well, simple solution is for example to
animate a presentation attribute like display or visibility, but one
can do this as well with an animation of the XLink:href attribute
of a use element to replace a previously empty element as
reference with an element with content.

>When user clicks on graph in stage-2 it will return to stage-1 again. 

This is just another group of animations, triggered with another 
event, therefore not a new problem.

The main problem, that may occur, is, that if the second click
appears before the first sequence of animations has ended,
this may cause discontinuities.
The reasons for this depend on how the animations are realised.
Some solutions exclude practically a continuity, for another solution
(to-animation) practically too many implementations are broken
to get the specified and intended effect.
To avoid this, one can for example exclude a second event, before
the first sequence of animations is ended or one can maybe animate
different nested container-elements to work around the problem, if this
becomes important.


...


Olaf

Received on Thursday, 14 February 2013 09:45:27 UTC