OLD | NEW |
1 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> | 1 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> |
2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> | 2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
3 <script> | 3 <script> |
4 <![CDATA[ | 4 <![CDATA[ |
5 window.testIsAsync = true; | 5 window.testIsAsync = true; |
6 function repaintTest() { | 6 function repaintTest() { |
7 container = document.getElementById("inneruse"); | 7 container = document.getElementById("inneruse"); |
8 stop = document.getElementById("offset"); | 8 stop = document.getElementById("offset"); |
9 setTimeout(offset, 0); | 9 // FIXME: we need a better way of waiting for layout/repainting to happen |
| 10 setTimeout(offset, 1); |
10 } | 11 } |
11 var turns = 5; | 12 var turns = 5; |
12 function offset(){ | 13 function offset(){ |
13 container.setAttribute ("transform", ""); | 14 container.setAttribute ("transform", ""); |
14 stop.setAttribute ("offset", "1.0"); | 15 stop.setAttribute ("offset", "1.0"); |
15 turns--; | 16 turns--; |
16 if (turns > 0) | 17 if (turns > 0) { |
17 window.setTimeout("offset()", 0) | 18 // FIXME: we need a better way of waiting for layout/repainting to happe
n |
18 else | 19 window.setTimeout("offset()", 1) |
| 20 } else |
19 finishRepaintTest(); | 21 finishRepaintTest(); |
20 } | 22 } |
21 ]]> | 23 ]]> |
22 </script> | 24 </script> |
23 <defs> | 25 <defs> |
24 <linearGradient id="grad"> | 26 <linearGradient id="grad"> |
25 <stop offset="0" style="stop-color: green"/> | 27 <stop offset="0" style="stop-color: green"/> |
26 <stop id="offset" offset="1" style="stop-color: green"/> | 28 <stop id="offset" offset="1" style="stop-color: green"/> |
27 </linearGradient> | 29 </linearGradient> |
28 <path id="hp" d="M 0 0 L 100 0 L 100 100 L 0 100" /> | 30 <path id="hp" d="M 0 0 L 100 0 L 100 100 L 0 100" /> |
29 </defs> | 31 </defs> |
30 <g id="inneruse"> | 32 <g id="inneruse"> |
31 <use xlink:href="#hp" style="fill:url(#grad)"/> | 33 <use xlink:href="#hp" style="fill:url(#grad)"/> |
32 </g> | 34 </g> |
33 <use xlink:href="#inneruse" style="fill:url(#grad)"/> | 35 <use xlink:href="#inneruse" style="fill:url(#grad)"/> |
34 </svg> | 36 </svg> |
OLD | NEW |