Loading ...
Sorry, an error occurred while loading the content.

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

Expand Messages
  • tobi
    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
    Message 1 of 3 , May 20 5:29 PM
    • 0 Attachment
      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@...> 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/
    Your message has been successfully submitted and would be delivered to recipients shortly.