Thank you for your answer, I tried with Adobe SVG and FireFox the following
(I will insert the script version only)
<script type="text/ecmascript">
<![CDATA[
// global variables here
var clickCount = 0.;
var currentX = 0.;
var currentY = 0.;
var currentW = 0.;
var currentH = 0.;
var MyRect = null;
function resizeLocal(evt)
{
MyRect = evt.target
clickCount++;
//if (clickCount==1)
//{
currentX=parseInt(MyRect.getAttribute("x"),10);
currentY=parseInt(MyRect.getAttribute("y"),10);
currentW=parseInt(MyRect.getAttribute("width"),10);
currentH=parseInt(MyRect.getAttribute("height"),10);
//}
if(clickCount%2==0)
{
while(currentX<500)
{
currentX=currentX+2.0;
currentY=currentY+1.0;
currentW=currentW-2.0;
currentH=currentH-1.0;
MyRect.setAttribute("x",currentX);
MyRect.setAttribute("y",currentY);
MyRect.setAttribute("width",currentW);
MyRect.setAttribute("height",currentH);
}
}
else
{
while(currentX>1)
{
currentX=currentX-2.0;
currentY=currentY-1.0;
currentW=currentW+2.0;
currentH=currentH+1.0;
MyRect.setAttribute("x",currentX);
MyRect.setAttribute("y",currentY);
MyRect.setAttribute("width",currentW);
MyRect.setAttribute("height",currentH);
}
}
}
And I declared my shape like this:
<rect onclick="resizeLocal(evt)" x="500" y="250" width="500" height="250"
fill="red" stroke="red"/>
This works fine but how can I show the animation to the user (the rect
enlarging/reducing width and height) ?
Using animation it is actually simpler enlarging or reducing the rect size
but how may I altrernate this behavior at each user click?
2006/2/17, Robert Russell <[EMAIL PROTECTED]>:
>
> Do you have any examples of what you tried that didn't work? Which
> platform (Batik, Firefox, Opera, Adobe, ...) did you try it on?
>
> If you want to do it declaratively (in SMIL, the way the spec shows
> it) then it's a totally different approach than you'd take from doing
> it procedurally (in Javascript or another language).
>
>
> --- In [email protected], "ilgibe" <[EMAIL PROTECTED]> wrote:
> >
> > Hi,
> > I would like to resize with an animation a rect from 50x50 to 200x200
> > (for i.e.) when it is clicked. Then when the rect reaches the new
> > dimension a new click resizes it again to the previous width and
> > height and so on (enlarging and reducing).
> > I tried with animation (but I was not able to implement the two
> > different behaviors) and with script (but I was not able to show the
> > animation of the rect that changes width and height).
> >
> > May you help me please?
> >
> > Thank you and Best Regards,
> >
> > Diego
> >
>
>
>
>
>
>
> -----
> To unsubscribe send a message to:
> [EMAIL PROTECTED]
> -or-
> visit http://groups.yahoo.com/group/svg-developers and click "edit my
> membership"
> ----
>
>
>
> SPONSORED LINKS
> Xml
> format<http://groups.yahoo.com/gads?t=ms&k=Xml+format&w1=Xml+format&w2=Svg&w3=Format&w4=Data&c=4&s=47&.sig=VBa7nBOoFldLj1xsnDMzkQ>
> Svg<http://groups.yahoo.com/gads?t=ms&k=Svg&w1=Xml+format&w2=Svg&w3=Format&w4=Data&c=4&s=47&.sig=a1u0zJydFxGsmrBvlURQ4w>
> Format<http://groups.yahoo.com/gads?t=ms&k=Format&w1=Xml+format&w2=Svg&w3=Format&w4=Data&c=4&s=47&.sig=sfOdgu_KzJjmF4YOGYLFuw>
> Data<http://groups.yahoo.com/gads?t=ms&k=Data&w1=Xml+format&w2=Svg&w3=Format&w4=Data&c=4&s=47&.sig=aV25K06F7rKa6A2bKQrzpA>
> ------------------------------
> YAHOO! GROUPS LINKS
>
>
> - Visit your group
> "svg-developers<http://groups.yahoo.com/group/svg-developers>"
> on the web.
>
> - To unsubscribe from this group, send an email to:
> [EMAIL PROTECTED]<[EMAIL PROTECTED]>
>
> - Your use of Yahoo! Groups is subject to the Yahoo! Terms of
> Service <http://docs.yahoo.com/info/terms/>.
>
>
> ------------------------------
>
[Non-text portions of this message have been removed]
-----
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/
