OLD | NEW |
1 <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?> | 1 <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?> |
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/R
EC-SVG-20010904/DTD/svg10.dtd"> | 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/R
EC-SVG-20010904/DTD/svg10.dtd"> |
3 <svg width="450" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintTest()"> | 3 <svg width="450" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> |
4 <script xlink:href="../../fast/repaint/resources/repaint.js"/> | 4 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
5 <defs> | 5 <defs> |
6 <linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10"
x2="440" y2="10"> | 6 <linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10"
x2="440" y2="10"> |
7 <stop id="stop1" stop-color="blue" offset="0"/> | 7 <stop id="stop1" stop-color="blue" offset="0"/> |
8 <stop stop-color="red" offset="1"/> | 8 <stop stop-color="red" offset="1"/> |
9 </linearGradient> | 9 </linearGradient> |
10 </defs> | 10 </defs> |
11 | 11 |
12 <script> | 12 <script> |
13 function repaintTest() { | 13 function repaintTest() { |
14 var gradient = document.getElementById("Gradient"); | 14 var gradient = document.getElementById("Gradient"); |
15 var stop = document.getElementById("stop1"); | 15 var stop = document.getElementById("stop1"); |
16 gradient.x1.baseVal.value = 150; | 16 gradient.x1.baseVal.value = 150; |
17 stop.setAttribute("stop-color", "green"); | 17 stop.setAttribute("stop-color", "green"); |
18 stop.setAttribute("stop-opacity", "0.5"); | 18 stop.setAttribute("stop-opacity", "0.5"); |
19 stop.setAttribute("offset", "0.3"); | 19 stop.setAttribute("offset", "0.3"); |
20 } | 20 } |
21 </script> | 21 </script> |
22 | 22 |
23 <rect x="10" y="10" width="430" height="80" fill="url(#Gradient)" /> | 23 <rect x="10" y="10" width="430" height="80" fill="url(#Gradient)" /> |
24 <rect x="10" y="100" width="430" height="80" fill="url(#Gradient)" /> | 24 <rect x="10" y="100" width="430" height="80" fill="url(#Gradient)" /> |
25 | 25 |
26 </svg> | 26 </svg> |
OLD | NEW |