David These are interesting examples. I will add another: <?xml version="1.0" standalone="no"?> <svg width="100%" height="100%" viewBox="-100 -150 200 300" xmlns="http://www.w3.org/2000/svg";> <g> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" begin="0s" dur="24s" repeatCount="indefinite" /> <circle cx="0" cy="0" r="100" fill="blue" /> <rect x="-10" y="-100" width="20" height="200" fill="gray" /> <rect x="-10" y="-100" width="20" height="200" fill="gray" transform="rotate(60)"/> <rect x="-10" y="-100" width="20" height="200" fill="gray" transform="rotate(120)"/> </g> <g transform="translate(0,45)"> <g> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" begin="0s" dur="12s" repeatCount="indefinite" /> <circle cx="0" cy="45" r="10" fill="red" /> <circle cx="0" cy="45" r="10" fill="red" transform="rotate(120)"/> <circle cx="0" cy="45" r="10" fill="red" transform="rotate(240)"/> <line x1="0" y1="0" x2="0" y2="45" stroke-width="6" stroke="black" stroke-linecap="round" /> <line x1="0" y1="0" x2="0" y2="45" stroke-width="6" stroke="black" stroke-linecap="round" transform="rotate(120)"/> <line x1="0" y1="0" x2="0" y2="45" stroke-width="6" stroke="black" stroke-linecap="round" transform="rotate(240)"/> </g> </g> </svg>
This is a quick and dirty version of a roller gear. To see a physical picture of one see: http://lumberjocks.com/projects/23791 All browsers work fine except IE. I haven't tested it with ASV. Enjoy! --- In [email protected], "ddailey" <ddai...@...> wrote: > > Here are a couple of interesting examples / difficult browser calisthenics: > http://granite.sru.edu/~ddailey/svg/animoval3.svg > and > http://granite.sru.edu/~ddailey/svg/animoval4.svg > > The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 > runs only one of the gears. Safari screws up the stroke's gradient. IE/ASV, > though and Opera/Chrome/Safari don't agree about the proper values for > animating dashoffset.In IE/ASV, using values="0;24" and values="24;0" > respectively for the two animations seems to line up the gear teeth well, > whereas for the others I had to do values="12;36" and values="24;0" to keep > the teeth from colliding. > > The second example seems to work well only in IE/ASV and Chrome -- a first > for those two to team up in bettering Opera in my experience! ASV and both > webkit browsers seem to get the outergear to spin. FF seems to see that there > is something there, but stalls before it can make a go of it, and Opera for > some odd reason seems to ignore that particular animation. > > Btw, I rather liked the slighty readjustment that ASV and webkit experience > due to the circumference of the ellipse being irrational -- something like it > might be expected, I think, in a physical model. > > At first I was annoyed that I couldn't get the gradient to extend out into > the teeth, but then I remembered the r attribute of a radial gradient (.5 by > default). I could have varied it but decided not to. > > It would be fun to make more complex machines sorta like this based on SMIL, > but we'd have to figure out which browers are doing it right first I suppose. > > Do let me know if it is my code of the browsers that are goofy here. > > cheers > David > > > > [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/ <*> 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/
