OLD | NEW |
1 <?xml version="1.0" encoding="utf-8"?> | 1 <?xml version="1.0" encoding="utf-8"?> |
2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k" onload="runRepaintTest()"> | 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k" onload="runRepaintAndPixelTest()"> |
3 <script xlink:href="../../fast/repaint/resources/repaint.js"/> | 3 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
4 <script> | 4 <script> |
5 function draw(x, y) { | 5 function draw(x, y) { |
6 var maskrect = document.getElementById("maskRect"); | 6 var maskrect = document.getElementById("maskRect"); |
7 maskrect.setAttribute("transform", "translate(" + x + "," + y + ")"); | 7 maskrect.setAttribute("transform", "translate(" + x + "," + y + ")"); |
8 | 8 |
9 var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); | 9 var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); |
10 rect.setAttribute("x", x); | 10 rect.setAttribute("x", x); |
11 rect.setAttribute("y", y); | 11 rect.setAttribute("y", y); |
12 rect.setAttribute("width", 453); | 12 rect.setAttribute("width", 453); |
13 rect.setAttribute("height", 299); | 13 rect.setAttribute("height", 299); |
(...skipping 22 matching lines...) Expand all Loading... |
36 </script> | 36 </script> |
37 <defs> | 37 <defs> |
38 <mask id="mask" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse"> | 38 <mask id="mask" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse"> |
39 <rect id="maskRect" x="50" y="50" width="460" height="316" fill="white" /> | 39 <rect id="maskRect" x="50" y="50" width="460" height="316" fill="white" /> |
40 </mask> | 40 </mask> |
41 </defs> | 41 </defs> |
42 <g id="root"> | 42 <g id="root"> |
43 <rect x="50" y="50" width="453" height="299" fill="green" mask="url(#mask)"/
> | 43 <rect x="50" y="50" width="453" height="299" fill="green" mask="url(#mask)"/
> |
44 </g> | 44 </g> |
45 </svg> | 45 </svg> |
OLD | NEW |