| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <head><script type="text/javascript"><![CDATA[ | |
| var state = true; | |
| if (window.layoutTestController) | |
| layoutTestController.waitUntilDone(); | |
| function test() | |
| { | |
| if (state) { | |
| var svg = document.getElementById('svg'); | |
| var circle = document.getElementById('circle'); | |
| var use = document.getElementById('use'); | |
| use.setAttribute('fill', '#f00'); | |
| svg.setAttribute('width', 200); | |
| svg.setAttribute('height', 200); | |
| circle.setAttribute('transform', 'scale(' + 10 + ')'); | |
| } else { | |
| var svg = document.getElementById('svg'); | |
| var circle = document.getElementById('circle'); | |
| var use = document.getElementById('use'); | |
| use.setAttribute('fill', '#fff'); | |
| svg.setAttribute('width', 100); | |
| svg.setAttribute('height', 100); | |
| circle.setAttribute('transform', 'scale(' + 2 + ')'); | |
| } | |
| if (window.layoutTestController) | |
| layoutTestController.notifyDone(); | |
| state = !state; | |
| } | |
| function startTest() { | |
| if (window.eventSender) { | |
| eventSender.mouseMoveTo(10, 10); | |
| eventSender.mouseDown(); | |
| eventSender.mouseUp(); | |
| } | |
| } | |
| setTimeout("startTest()", 100); | |
| ]]></script> | |
| <title>test</title> | |
| </head> | |
| <body onclick="test()"> | |
| <svg:svg id="svg" width="100" height="100"> | |
| <svg:defs> | |
| <svg:symbol id="symbol" overflow="visible"> | |
| <svg:circle id="circle" cx="0" cy="0" r="2" stroke="#000" transform="scale(2)" /> | |
| </svg:symbol> | |
| </svg:defs> | |
| <svg:use id="use" x="50" y="50" fill="#fff" xlink:href="#symbol" /> | |
| </svg:svg> | |
| </body> | |
| </html> | |
