- From: Jonathan Chetwynd <j.chetwynd@btinternet.com>
- Date: Sun, 25 Feb 2007 20:35:40 +0000
- To: SVG List <www-svg@w3.org>
- Cc: Charles McCathieNevile <chaals@opera.com>
Chaals, I guess I'll be filing some focusin bugs around the UAs with a reduced test case! weirdly this code works with Opera, using not QA but tab. please don't ask why I tried tab key ~:" initially it may require 6 or so tab hits, then another to stop... including semicolons for other events adds additional errors buggy but kinda intentional I guess cheers Jonathan Chetwynd added 2 lines to your code: <a><rect id="mfocus" x="230" y="166" width="20" height="18" fill="green" /></a> and swapped: begin="mfocus.focusin" end="mfocus.focusout"/> for begin="up.mouseover;r.click" end="up.mouseup;up.mouseout;r.click"/> <?xml version="1.1"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" width="12em" height="12em" viewBox="0 0 240 240"> <g transform="translate(120,120)"> <g> <set attributeName="display" to="none" begin="b1.click" end="b2.click"/> <circle r="108" fill="#6f6" stroke-width="4" stroke="#090" id="b1" /> <circle r="100" fill="none" stroke-width="3" stroke="black" stroke-dasharray="2,8.471976" transform="rotate(-.873)" /> <circle r="97" fill="none" stroke-width="9" stroke="white" stroke-dasharray="4,46.789082" transform="rotate(-1.5)" /> </g> <g> <set attributeName="display" to="none" begin="b2.click" end="b1.click"/> <circle r="108" fill="white" stroke-width="4" stroke="#099" id="b2"> <animateColor attributeName="fill" values="white;red;black;blue;white" dur="10s" repeatCount="infinite"/> </circle> <circle r="97" fill="none" stroke-width="9" stroke="gold" stroke-dasharray="4,46.789082" transform="rotate(-1.5)" /> <circle r="100" fill="none" stroke-width="3" stroke="black" stroke-dasharray="2,8.471976" transform="rotate(-.873)" > <animateColor attributeName="stroke" values="white;black;white" dur="10s" repeatCount="infinite" /> </circle> </g> <g id="c" transform="rotate(180)"> <g id="h"> <line stroke-width="5" y2="80" stroke="black" opacity=".5" /> <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="12h" by="360" /> <circle r="7" /> </g> <g id="m"> <line stroke-width="4" y2="95" stroke="red" opacity=".9" /> <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="60min" by="360" /> <circle r="6" fill="red"/> </g> <g id="s"> <line stroke-width="2" y2="100" stroke="blue" /> <animateTransform attributeName="transform" type="rotate" additive="sum" repeatCount="indefinite" dur="60s" by="360" /> <circle r="4" fill="blue"/> </g> </g> </g> <polygon id="up" points="0 10 0 2 2 0 8 0 10 2 10 10" transform="translate(230, 106)" /> <polygon id="down" points="0 0 0 8 2 10 8 10 10 8 10 0" transform="translate(230, 124)" /> <rect id="r" x="230" y="116" width="10" height="8" fill="red" /> <a><rect id="mfocus" x="230" y="166" width="20" height="18" fill="green" /></a> <animateTransform attributeName="transform" type="rotate" xl:href="#m" id="mup" additive="sum" repeatCount="indefinite" dur="48s" by="4320" fill="freeze" begin="mfocus.focusin" end="mfocus.focusout"/> <animateTransform attributeName="transform" type="rotate" xl:href="#h" additive="sum" repeatCount="indefinite" dur="48s" by="360" fill="freeze" begin="mup.begin" end="mup.end"/> <animateTransform attributeName="transform" type="rotate" xl:href="#m" id="mdown" additive="sum" repeatCount="indefinite" dur="48s" by="-4320" fill="freeze" begin="down.mousedown;r.click" end="down.mouseup;down.mouseout;r.click"/> <animateTransform attributeName="transform" type="rotate" xl:href="#h" additive="sum" repeatCount="indefinite" dur="48s" by="-360" fill="freeze" begin="mdown.begin" end="mdown.end"/> </svg>
Received on Sunday, 25 February 2007 20:36:01 UTC