| 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 |