LayoutTests/svg/custom/image-parent-translation.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
   2   <head>
   3     <title> &lt;svg:image&gt; fails to position correctly when &lt;svg&gt; is inside an inline &lt;div&gt; (Bug 14051)</title>
   4     <style>
   5       div {
   6         display: inline;
   7       }
   8     </style>
   9   </head>
  10
  11   <body>
  12     <h1>SVG Images in Inline CSS Elements</h1>
  13     <p>
  14       The two following blocks should display side-by-side a 75x75 pixels image with a 3 pixels border overlaid on top of the image (Bug 14051).
  15     </p>
  16     <div>
  17       <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
  18         <image xlink:href="resources/green-checker.png" width="75" height="75" />
  19         <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
  20       </svg>
  21     </div>
  22     <div>
  23       <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75">
  24         <image xlink:href="resources/green-checker.png" width="75" height="75" />
  25         <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" />
  26       </svg>
  27     </div>
  28   </body>
  29 </html>