OLD | NEW |
1 <?xml version="1.0" encoding="UTF-8"?> | 1 <?xml version="1.0" encoding="UTF-8"?> |
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics
/SVG/1.1/DTD/svg11-basic.dtd"> | 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics
/SVG/1.1/DTD/svg11-basic.dtd"> |
3 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" onload="runRep
aintAndPixelTest()"> | 3 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" onload="runRep
aintAndPixelTest()"> |
4 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> | 4 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
5 <g id="content" transform="scale(1, 1.5)"> | 5 <g id="content" transform="scale(1, 1.5)"> |
6 <text font-size="68" fill="url(#dynGrad)" x="20" y="70">Gradient on fill</
text> | 6 <text font-size="68" fill="url(#dynGrad)" x="20" y="70">Gradient on fill</
text> |
7 </g> | 7 </g> |
8 <script> | 8 <script> |
9 window.testIsAsync = true; | 9 window.testIsAsync = true; |
10 var content = document.getElementById("content"); | 10 var content = document.getElementById("content"); |
11 | 11 |
12 function repaintTest() { | 12 function repaintTest() { |
13 setTimeout(createGradient, 0); | 13 // FIXME: we need a better way of waiting for layout/repainting to happen |
| 14 setTimeout(createGradient, 1); |
14 } | 15 } |
15 | 16 |
16 function createGradient() | 17 function createGradient() |
17 { | 18 { |
18 var gradient = document.createElementNS("http://www.w3.org/2000/svg", "l
inearGradient"); | 19 var gradient = document.createElementNS("http://www.w3.org/2000/svg", "l
inearGradient"); |
19 gradient.setAttribute("id", "dynGrad"); | 20 gradient.setAttribute("id", "dynGrad"); |
20 gradient.setAttribute("x1", "0"); | 21 gradient.setAttribute("x1", "0"); |
21 gradient.setAttribute("x2", "1"); | 22 gradient.setAttribute("x2", "1"); |
22 | 23 |
23 var stop1 = document.createElementNS("http://www.w3.org/2000/svg", "stop
"); | 24 var stop1 = document.createElementNS("http://www.w3.org/2000/svg", "stop
"); |
24 stop1.setAttribute("stop-color", "blue"); | 25 stop1.setAttribute("stop-color", "blue"); |
25 stop1.setAttribute("offset", "0"); | 26 stop1.setAttribute("offset", "0"); |
26 | 27 |
27 var stop2 = document.createElementNS("http://www.w3.org/2000/svg", "stop
"); | 28 var stop2 = document.createElementNS("http://www.w3.org/2000/svg", "stop
"); |
28 stop2.setAttribute("stop-color", "red"); | 29 stop2.setAttribute("stop-color", "red"); |
29 stop2.setAttribute("offset", "1"); | 30 stop2.setAttribute("offset", "1"); |
30 | 31 |
31 gradient.appendChild(stop1); | 32 gradient.appendChild(stop1); |
32 gradient.appendChild(stop2); | 33 gradient.appendChild(stop2); |
33 | 34 |
34 content.appendChild(gradient); | 35 content.appendChild(gradient); |
35 | 36 |
36 finishRepaintTest(); | 37 finishRepaintTest(); |
37 } | 38 } |
38 </script> | 39 </script> |
39 | 40 |
40 </svg> | 41 </svg> |
OLD | NEW |