W3C home > Mailing lists > Public > www-svg@w3.org > May 2000

Re: how to animate a "donut" and watch with a current viewer?

From: tobi <ucyur@yahoo.com>
Date: Sat, 20 May 2000 17:29:20 -0700 (PDT)
Message-ID: <20000521002920.5613.qmail@web3406.mail.yahoo.com>
To: www-svg@w3.org
Cc: svg-developers@egroups.com
Hi Jon,
thank you very much for the reply, but
your example was an animated basic shape, not an
animated compound path donut, which is something with
a hole in it. 
1)Animation of paths and compound-paths 
{
http://www.w3.org/TR/2000/03/WD-SVG-20000303/paths.html#Introduction
"Compound paths (i.e., a path with subpaths, each
consisting of a single moveto followed by one or
more line or curve operations) are possible to allow
effects such as "donut holes" in objects."
"d="path data" Animatable:yes"
"The following lists all of the elements which can be
animated by an 'animateMotion' element:
[...] 'path'"
}
is *very* important, so I'm really looking forward to
seeing this crucial feature implemented soon in the
adobeSVGviewer plug-in.
Then we can animate characters like this one
http://www.tbx67.de/svg/es.svg
on:
http://www.tbx67.de/svg/#mydocs

2)A nice feature to add to the spec would be:
animatable compound paths consisting of basic shapes

Thank you all very much for your endeavour!
Tobi


--- Jon Ferraiolo <jferraio@adobe.com> wrote:
> Tobi,
> I don't know exactly what you are trying to do, but
> here is a working
> animation that was based on your original SVG code
> that works with the
> Adobe SVG Viewer.
> 
> <?xml version="1.0" standalone="no"?>
> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000413
> Stylable//EN" 
> 
>
"http://www.w3.org/Graphics/SVG/Group/2000/04/WD-SVG-20000413/DTD/svg-200004
> 13-stylable.dtd">
> <svg width="400px" height="400px">
>   <rect style="fill:#ff0;stroke:none" x="0" y="0"
> width="300" height="300"/>
>   <g>
>     <rect style="fill:#f0f;stroke:none" x="5" y="5"
> width="100" height="100"/>
>     <rect style="fill:#0f0;stroke:none" x="10"
> y="10" width="10" height="10">
>       <animate attributeName="x" from="5" to="10"
> dur="3s" fill="freeze"/>
>       <animate attributeName="y" from="5" to="10"
> dur="3s" fill="freeze"/>
>       <animate attributeName="width" from="100"
> to="10" dur="3s"
> fill="freeze"/>
>       <animate attributeName="height" from="100"
> to="10" dur="3s"
> fill="freeze"/>
>     </rect>
>   </g>
> </svg>
> 
> Jon Ferraiolo
> SVG Editor
> Adobe Systems Incorporated
> 
> At 12:33 PM 5/16/00 -0700, tobi wrote:
> >Hi!
> >How can I animate (move etc.) a compound path
> (here: a
> >shape with holes in it), AND watch it with the
> >adobeSVGviewer?
> >As far as I know, the adobe-plugIn does not yet
> >support animation of paths, so I thought, maybe I
> >could animate compound-paths consisting of basic
> >shapes. So how do I express that?
> >This didn't work:
> ><svg width="400px" height="400px">
> > <rect style="fill:#ff0;stroke:none" x="0" y="0"
> >width="300" height="300"/>
> >  <g width="200px" height="200px">
> >   <rect style="fill:#f0f;stroke:none" x="5" y="5"
> >width="100" height="100">
> >    <rect style="fill:#0f0;stroke:none" x="10"
> y="10"
> >width="10" height="10"/>
> >   </rect>
> >  </g>
> ></svg>
> >
> >Tobi

=====
Tobias Reif    http://www.tbx67.de/svg/    http://www.tbx67.de
       _/  /      
     /    /    _   /   _  /   _  /  /   /   _  /   _  /   _  /
     _/  /    /   /  /   /  /   /  /   /  /   /  /   /  /   /
   /   _ _/ _ _ _/   _ _/   _ _/ _ _  /   _ _/   _ _/   _ _/
 _/                /      /     _ _ _/  /             /

__________________________________________________
Do You Yahoo!?
Send instant messages & get email alerts with Yahoo! Messenger.
http://im.yahoo.com/
Received on Saturday, 20 May 2000 20:30:01 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 5 November 2012 23:52:47 GMT