|
1 <svg xmlns="http://www.w3.org/2000/svg" |
|
2 onload="setTimeout(boom, 30);" |
|
3 class="reftest-wait"> |
|
4 |
|
5 <script style="display: none" type="text/javascript"> |
|
6 <![CDATA[ |
|
7 |
|
8 function boom() |
|
9 { |
|
10 var oldGrad = document.getElementById("grad"); |
|
11 oldGrad.parentNode.removeChild(oldGrad); |
|
12 |
|
13 var newGrad = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient"); |
|
14 newGrad.setAttribute("gradientUnits", "userSpaceOnUse"); |
|
15 newGrad.setAttribute("id", "grad"); |
|
16 |
|
17 document.documentElement.appendChild(newGrad); |
|
18 |
|
19 document.documentElement.removeAttribute("class"); |
|
20 } |
|
21 |
|
22 ]]> |
|
23 </script> |
|
24 |
|
25 <radialGradient id="grad" gradientUnits="userSpaceOnUse" cx="240" cy="210" r="220" fx="240" fy="210"> |
|
26 <stop stop-color="yellow" offset="0"/> |
|
27 <stop stop-color="green" offset="1"/> |
|
28 </radialGradient> |
|
29 <rect x="20" y="150" width="440" height="80" fill="url(#grad)" stroke-width="40"/> |
|
30 |
|
31 </svg> |