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 requestAnimationFrame(offset); |
10 } | 10 } |
11 var turns = 5; | 11 var turns = 5; |
12 function offset(){ | 12 function offset(){ |
13 container.setAttribute ("transform", ""); | 13 container.setAttribute ("transform", ""); |
14 stop.setAttribute ("offset", "1.0"); | 14 stop.setAttribute ("offset", "1.0"); |
15 turns--; | 15 turns--; |
16 if (turns > 0) | 16 if (turns > 0) |
17 window.setTimeout("offset()", 0) | 17 requestAnimationFrame(offset) |
18 else | 18 else |
19 finishRepaintTest(); | 19 finishRepaintTest(); |
20 } | 20 } |
21 ]]> | 21 ]]> |
22 </script> | 22 </script> |
23 <defs> | 23 <defs> |
24 <linearGradient id="grad"> | 24 <linearGradient id="grad"> |
25 <stop offset="0" style="stop-color: green"/> | 25 <stop offset="0" style="stop-color: green"/> |
26 <stop id="offset" offset="1" style="stop-color: green"/> | 26 <stop id="offset" offset="1" style="stop-color: green"/> |
27 </linearGradient> | 27 </linearGradient> |
28 <path id="hp" d="M 0 0 L 100 0 L 100 100 L 0 100" /> | 28 <path id="hp" d="M 0 0 L 100 0 L 100 100 L 0 100" /> |
29 </defs> | 29 </defs> |
30 <g id="inneruse"> | 30 <g id="inneruse"> |
31 <use xlink:href="#hp" style="fill:url(#grad)"/> | 31 <use xlink:href="#hp" style="fill:url(#grad)"/> |
32 </g> | 32 </g> |
33 <use xlink:href="#inneruse" style="fill:url(#grad)"/> | 33 <use xlink:href="#inneruse" style="fill:url(#grad)"/> |
34 </svg> | 34 </svg> |
OLD | NEW |