I do have a small svg file: <svg version="1.1" height="100%" width="100%" viewBox="0 0 1500 1400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <title>Scale player</title> <desc>Why does the player not scale on its own origin?</desc> <defs> <g id="speleromtrek" > <path d="m0.237-8.14c-5.03,0-11,2.01-14,8.04,0,0-34.2,3.01-35.2,0-2-5.03-2-11.1-2-16.1,0-11-9-2-9,26.2,0,6.05,7,11,15.1, 11h89.3c8.1,0,15.1-5,15.1-11,3-30.2-8.1-35.2-8.1-28.2,0,6,1.5,18.6-2.5,18.6l-33.6-0.501c-4-6.03-9.04-8.04-15.1-8.04z"/> </g> <g id="speler1"> <use xlink:href="#speleromtrek" /> </g> </defs> <use id="sp1" xlink:href="#speler1" x="300" y="1000"> <animateMotion id="bs11" begin="sp1.click" path="m 0 0 l 900 0" dur="3s" fill="freeze" /> <animateTransform begin="bs11.end" dur="2" attributeName="transform" type="scale" to="0.1" /> </use> </svg>
The problem is in the animateTransform type="scale" line. Chromium 6.0.472 scales the id="sp" element to about x=750 y=0 and not to the locale origin. Opera 10.62 lets the id="sp" disappear for 2 seconds. My questions are: 1. Are both browser wrong or do I misunderstand the svg syntax? 2. Is there a browser that displays the animation correct? Arjen ------------------------------------ ----- 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/