third_party/WebKit/LayoutTests/svg/custom/rootmost-svg-xy-attrs.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <title>Test case for x/y attributes on root-most &lt;svg> element</title>
   4   </head>
   5   <body>
   6     <h1>Test case for x/y attributes on root-most &lt;svg> element</h1>
   7     <p>
   8       The <code>x</code> and <code>y</code> attributes on a root-most <code>&lt;svg></code> element should be ignored, as specified by SVG 1.1. The root-most <code>&lt;svg></code> element is the element at the root of an SVG fragment. For the following test to pass, the green SVG square should be rendered aligned to the top-left of the red CSS-rendered square, which is 10 pixels wider and taller.
   9     </p>
  10     <p>
  11      See <a href="http://bugs.webkit.org/show_bug.cgi?id=13828">Bug 13828</a>.
  12     </p>
  13     <div style="width: 110px; height: 110px; background-color: red;">
  14       <svg x="10" y="10" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  15         <rect width="100" height="100" fill="green" />
  16       </svg>
  17     </div>
  18   </body>
  19 </html>