third_party/WebKit/LayoutTests/svg/custom/createImageElement2.xhtml

   1 <html>
   2 <head>
   3   <title>SVG Image</title>
   4 </head>
   5 <body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;">
   6   <svg xmlns="http://www.w3.org/2000/svg" id='root' width="600px" height="100px">
   7     <script type="text/javascript"><![CDATA[
   8     window.onload = function() {
   9       var el = document.getElementById('root');
  10       var ie = document.createElementNS('http://www.w3.org/2000/svg', "image");
  11       ie.setAttribute("x", "10px");
  12       ie.setAttribute("y", "10px");
  13       ie.setAttribute("width", "100px");
  14       ie.setAttribute("height", "60px");
  15       ie.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'resources/green-checker.png');
  16       el.appendChild(ie);
  17     }
  18     ]]>
  19     </script>
  20   </svg>
  21 </body>
  22 </html>