1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <!-- To run this test: Open this page, close the window, and (hopefully) don't crash.-->
- <script>
- function gc()
- {
- if (window.GCController)
- GCController.collect();
- else
- for (var i = 0; i < 10000; ++i) // Allocate a sufficient number of objects to force a GC.
- ({});
- }
- window.onload = init;
-
- function init() {
- var iframe = document.getElementById("iframe");
- var thesvgdiv = document.getElementById('thediv');
- var theclone = thesvgdiv.cloneNode(true);
- iframe.contentDocument.body.appendChild(theclone);
- setTimeout(function() {
- iframe.style.display = 'none';
- iframe.parentNode.removeChild(iframe);
- gc();
- window.close();
- }, 500);
- }
- </script>
- </head>
- <body>
- <div>
- <div id="thediv">
- <svg id="thesvg" width="12cm" height="3.6cm" viewBox="0 0 1000 300">
- <defs>
- <lineargradient id="orange_red" x2="0" y2="1" >
- <stop stop-color="yellow" />
- <stop offset="1" stop-color="red" />
- </lineargradient>
- </defs>
- <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" />
- <text font-family="Verdana" font-size="72.5" fill="url(#orange_red)" >
- <textpath xlink:href="#MyPath"> Look mom, SVG in HTML! </textpath>
- </text>
- (If you had an HTML5 compliant browser, the previous text would be colored and on a path.)
- </svg>
- </div>
- <div>
- <iframe id="iframe" width="50%" height="50%"></iframe>
- </div>
- </div>
- </body>
- </html>
|