--- In [email protected], "baruchbashan" <baruchbashan@...> wrote: > > I thought that I would use a rectangle sized like a point.
What do you mean by "point"? > I am new to this and know I've missed something, because Chrome doesn't show > it, and in IE8, the whole outer line moves around, instead of just a moving > rectangle along a stable outer line. SMIL animation isn't (yet) supported very well across browsers. > > <?xml version="1.0" standalone="no"?> > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" > "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";> > <svg version="1.0" xmlns="http://www.w3.org/2000/svg"; > xmlns:xlink="http://www.w3.org/1999/xlink";> > width="450pt" height="444pt" viewBox="0 0 450 444" > preserveAspectRatio="xMidYMid meet"> > <metadata> > </metadata> > <g transform="translate(0,444) scale(0.100000,-0.100000)"> > > <!-- fill="#000000" stroke="none"> --> > > <path id="OutermostLine" d="M2915 4405 > [...] > c402 3 811 9 910 12 99 4 261 7 360 7 l180 0 3 -110z"/> > > <rect width="1" height="1" style="fill: black; stroke: none;"/> > > <animateMotion dur="30s" fill="freeze" repeatCount="indefinite"> > <mpath xlink:href="#OutermostLine"/> > </animateMotion> > > </g> > </svg> > The animateMotion element has to be inside the element that's meant to be animated. I guess you want to animate the rect, so place the animateMotion element inside the rect element: <rect width="1" height="1" style="fill: black; stroke: none;"> <animateMotion dur="30s" fill="freeze" repeatCount="indefinite"> <mpath xlink:href="#OutermostLine"/> </animateMotion> </rect> But a black rectangle that's moving along a black path isn't very visible anyway, especially if it's as small as in your case. What's that for? Thomas W. ------------------------------------ ----- 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/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> 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/
