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="runRe
paintAndPixelTest()"> | 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="runRe
paintAndPixelTest()"> |
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"/> | 5 <g id="content"/> |
6 | 6 |
7 <script> | 7 <script> |
8 var content = document.getElementById("content"); | 8 window.testIsAsync = true; |
9 | 9 |
10 function repaintTest() { | 10 function repaintTest() { |
11 if (window.testRunner) | 11 runAfterDisplay(createGradients); |
12 testRunner.waitUntilDone(); | |
13 setTimeout(createGradients, 0); | |
14 } | 12 } |
15 | 13 |
| 14 var content = document.getElementById("content"); |
| 15 |
16 function createGradients() | 16 function createGradients() |
17 { | 17 { |
18 // Setup "fillLinearGradient" | 18 // Setup "fillLinearGradient" |
19 var gradient1 = document.createElementNS("http://www.w3.org/2000/svg", "
linearGradient"); | 19 var gradient1 = document.createElementNS("http://www.w3.org/2000/svg", "
linearGradient"); |
20 gradient1.setAttribute("id", "fillLinearGradient"); | 20 gradient1.setAttribute("id", "fillLinearGradient"); |
21 gradient1.setAttribute("x1", "0"); | 21 gradient1.setAttribute("x1", "0"); |
22 gradient1.setAttribute("x2", "1"); | 22 gradient1.setAttribute("x2", "1"); |
23 | 23 |
24 var stop11 = document.createElementNS("http://www.w3.org/2000/svg", "sto
p"); | 24 var stop11 = document.createElementNS("http://www.w3.org/2000/svg", "sto
p"); |
25 stop11.setAttribute("stop-color", "blue"); | 25 stop11.setAttribute("stop-color", "blue"); |
(...skipping 19 matching lines...) Expand all Loading... |
45 stop22.setAttribute("offset", "0"); | 45 stop22.setAttribute("offset", "0"); |
46 | 46 |
47 var stop22 = document.createElementNS("http://www.w3.org/2000/svg", "sto
p"); | 47 var stop22 = document.createElementNS("http://www.w3.org/2000/svg", "sto
p"); |
48 stop22.setAttribute("stop-color", "green"); | 48 stop22.setAttribute("stop-color", "green"); |
49 stop22.setAttribute("offset", "1"); | 49 stop22.setAttribute("offset", "1"); |
50 | 50 |
51 gradient2.appendChild(stop22); | 51 gradient2.appendChild(stop22); |
52 gradient2.appendChild(stop22); | 52 gradient2.appendChild(stop22); |
53 | 53 |
54 content.appendChild(gradient2); | 54 content.appendChild(gradient2); |
55 setTimeout(setupGradientUsers, 0); | 55 |
| 56 runAfterDisplay(setupGradientUsers); |
56 } | 57 } |
57 | 58 |
58 function setupGradientUsers() | 59 function setupGradientUsers() |
59 { | 60 { |
60 var text1 = document.createElementNS("http://www.w3.org/2000/svg", "text
"); | 61 var text1 = document.createElementNS("http://www.w3.org/2000/svg", "text
"); |
61 text1.setAttribute("font-size", "68"); | 62 text1.setAttribute("font-size", "68"); |
62 text1.setAttribute("x", "-150"); | 63 text1.setAttribute("x", "-150"); |
63 text1.setAttribute("y", "70") | 64 text1.setAttribute("y", "70") |
64 text1.setAttribute("fill", "url(#fillLinearGradient)"); | 65 text1.setAttribute("fill", "url(#fillLinearGradient)"); |
65 text1.setAttribute("stroke", "none"); | 66 text1.setAttribute("stroke", "none"); |
(...skipping 14 matching lines...) Expand all Loading... |
80 var text3 = document.createElementNS("http://www.w3.org/2000/svg", "text
"); | 81 var text3 = document.createElementNS("http://www.w3.org/2000/svg", "text
"); |
81 text3.setAttribute("font-size", "68"); | 82 text3.setAttribute("font-size", "68"); |
82 text3.setAttribute("x", "-150"); | 83 text3.setAttribute("x", "-150"); |
83 text3.setAttribute("y", "210") | 84 text3.setAttribute("y", "210") |
84 text3.setAttribute("fill", "url(#fillLinearGradient)"); | 85 text3.setAttribute("fill", "url(#fillLinearGradient)"); |
85 text3.setAttribute("stroke", "url(#strokeLinearGradient)"); | 86 text3.setAttribute("stroke", "url(#strokeLinearGradient)"); |
86 text3.appendChild(document.createTextNode("Gradient on fill/stroke")); | 87 text3.appendChild(document.createTextNode("Gradient on fill/stroke")); |
87 | 88 |
88 content.appendChild(text3); | 89 content.appendChild(text3); |
89 | 90 |
90 if (window.testRunner) | 91 finishRepaintTest(); |
91 testRunner.notifyDone(); | |
92 } | 92 } |
93 </script> | 93 </script> |
94 | 94 |
95 </svg> | 95 </svg> |
OLD | NEW |