1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 6 <!-- To run this test: Open this page, close the window, and (hopefully) don't crash.--> 7 8 <script> 9 function gc() 10 { 11 if (window.GCController) 12 GCController.collect(); 13 else 14 for (var i = 0; i < 10000; ++i) // Allocate a sufficient number of objects to force a GC. 15 ({}); 16 } 17 window.onload = init; 18 19 function init() { 20 var iframe = document.getElementById("iframe"); 21 var thesvgdiv = document.getElementById('thediv'); 22 var theclone = thesvgdiv.cloneNode(true); 23 iframe.contentDocument.body.appendChild(theclone); 24 setTimeout(function() { 25 iframe.style.display = 'none'; 26 iframe.parentNode.removeChild(iframe); 27 gc(); 28 window.close(); 29 }, 500); 30 } 31 </script> 32 </head> 33 34 <body> 35 <div> 36 <div id="thediv"> 37 <svg id="thesvg" width="12cm" height="3.6cm" viewBox="0 0 1000 300"> 38 <defs> 39 <lineargradient id="orange_red" x2="0" y2="1" > 40 <stop stop-color="yellow" /> 41 <stop offset="1" stop-color="red" /> 42 </lineargradient> 43 </defs> 44 <path id="MyPath" d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100" fill="none" stroke="red" /> 45 <text font-family="Verdana" font-size="72.5" fill="url(#orange_red)" > 46 <textpath xlink:href="#MyPath"> Look mom, SVG in HTML! </textpath> 47 </text> 48 (If you had an HTML5 compliant browser, the previous text would be colored and on a path.) 49 </svg> 50 </div> 51 <div> 52 <iframe id="iframe" width="50%" height="50%"></iframe> 53 </div> 54 </div> 55 </body> 56 </html>
