|
1 <svg xmlns="http://www.w3.org/2000/svg" |
|
2 xmlns:xlink="http://www.w3.org/1999/xlink" |
|
3 onload="boom();" |
|
4 class="reftest-wait"> |
|
5 |
|
6 <script> |
|
7 |
|
8 function boom() |
|
9 { |
|
10 var grad1 = document.getElementById("grad1"); |
|
11 var grad2 = document.getElementById("grad2"); |
|
12 |
|
13 grad1.appendChild(grad2); |
|
14 |
|
15 setTimeout(function() { |
|
16 grad1.removeChild(grad2); |
|
17 document.documentElement.removeAttribute("class"); |
|
18 }, 30); |
|
19 } |
|
20 |
|
21 </script> |
|
22 |
|
23 <linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0"> |
|
24 <stop id="green" stop-color="#00dd00" offset="0"/> |
|
25 <stop id="blue" stop-color="#0000dd" offset="1"/> |
|
26 </linearGradient> |
|
27 |
|
28 <linearGradient id="grad2" xlink:href="#grad1"/> |
|
29 |
|
30 <rect x="20" y="20" width="440" height="80" fill="url(#grad2)" /> |
|
31 |
|
32 </svg> |