| <html> |
| <head> |
| <style type="text/css"> |
| .cls1 { |
| stroke: black; |
| fill: rgb(0,255,0); |
| stroke-width: 1; |
| } |
| </style> |
| |
| <script type="text/javascript"> |
| function setup() { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); |
| svg.width.baseVal.valueAsString = "400px"; |
| svg.height.baseVal.valueAsString = "400px"; |
| svg.viewBox.baseVal.x = 0; |
| svg.viewBox.baseVal.y = 0; |
| svg.viewBox.baseVal.width = 90; |
| svg.viewBox.baseVal.height = 90; |
| var ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse"); |
| ellipse.cx.baseVal.value = 50; |
| ellipse.cy.baseVal.value = 50; |
| ellipse.rx.baseVal.value = 30; |
| ellipse.ry.baseVal.value = 10; |
| ellipse.className.baseVal = "cls1"; |
| var drawing = document.getElementById("drawing"); |
| svg.appendChild(ellipse); |
| drawing.appendChild(svg); |
| } |
| </script> |
| </head> |
| <body onload="setup()"> |
| <p>Here is an html paragraph. And below is a svg drawing. This should render without crashing.</p> |
| <div id="drawing"/> |
| </body> |
| </html> |
| |
| |
