On Tue, 21 Sep 2010 08:41:52 -0700, Jacob Beard <jbea...@cs.mcgill.ca> wrote:
> In the end, it seems I was able to find a fairly elegant way of > accomplishing this task using SMIL (tested in Chromium): > > http://live.echo-flow.com/svg/scrolling-colors.svg Works nicely in Opera too. > The solution basically hinges on the gradient's spreadMethod="reflect" > attribute, and using animateTransform to continually translate the > gradient vector. I agree that this is pretty elegant. I made an alternative version using spreadMethod-"repeat", adding a red gradient stop at 1.1 (to get a smooth transition from violet back to red), and setting the transform to animate from 0 to 1.1 - this means the colours just slide across from left to right smoothly - since that was what I had thought you were aiming at originally. I think this actually violates the SVG spec which says that stops are forced to take values in the range [0,1] if they fall outside it - http://www.w3.org/TR/SVG/pservers.html as I read it. So I'm intrigued about what it does in other browsers, and whether it is worth filing a change request... cheers Chaals -- Charles McCathieNevile Opera Software, Standards Group je parle français -- hablo español -- jeg lærer norsk http://my.opera.com/chaals Try Opera: http://www.opera.com ------------------------------------ ----- To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
