OLD | NEW |
1 <?xml version="1.0" encoding="UTF-8"?> | 1 <?xml version="1.0" encoding="UTF-8"?> |
2 <!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"> | 2 <!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"> |
3 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg
" xmlns:xlink="http://www.w3.org/1999/xlink"> | 3 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg
" xmlns:xlink="http://www.w3.org/1999/xlink"> |
4 <head> | 4 <head> |
5 <script src="../../fast/repaint/resources/repaint.js"></script> | 5 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
6 <script type="text/javascript"><![CDATA[ | 6 <script type="text/javascript"><![CDATA[ |
7 function repaintTest() { | 7 function repaintTest() { |
8 var svg = document.getElementById('svg'); | 8 var svg = document.getElementById('svg'); |
9 var circle = document.getElementById('circle'); | 9 var circle = document.getElementById('circle'); |
10 var use = document.getElementById('use'); | 10 var use = document.getElementById('use'); |
11 use.setAttribute('fill', '#f00'); | 11 use.setAttribute('fill', '#f00'); |
12 svg.setAttribute('width', 200); | 12 svg.setAttribute('width', 200); |
13 svg.setAttribute('height', 200); | 13 svg.setAttribute('height', 200); |
14 circle.setAttribute('transform', 'scale(' + 10 + ')'); | 14 circle.setAttribute('transform', 'scale(' + 10 + ')'); |
15 } | 15 } |
16 ]]></script> | 16 ]]></script> |
17 </head> | 17 </head> |
18 <body onload="runRepaintTest()"> | 18 <body onload="runRepaintAndPixelTest()"> |
19 <svg:svg id="svg" width="100" height="100"> | 19 <svg:svg id="svg" width="100" height="100"> |
20 <svg:defs> | 20 <svg:defs> |
21 <svg:symbol id="symbol" overflow="visible"> | 21 <svg:symbol id="symbol" overflow="visible"> |
22 <svg:circle id="circle" cx="0" cy="0" r="2" stroke="#000" transform="scale(2)" /
> | 22 <svg:circle id="circle" cx="0" cy="0" r="2" stroke="#000" transform="scale(2)" /
> |
23 </svg:symbol> | 23 </svg:symbol> |
24 </svg:defs> | 24 </svg:defs> |
25 <svg:use id="use" x="50" y="50" fill="#fff" xlink:href="#symbol" /> | 25 <svg:use id="use" x="50" y="50" fill="#fff" xlink:href="#symbol" /> |
26 </svg:svg> | 26 </svg:svg> |
27 </body> | 27 </body> |
28 </html> | 28 </html> |
29 | 29 |
OLD | NEW |