src/third_party/WebKit/LayoutTests/svg/custom/object-sizing-width-75p-height-50p-on-target-svg.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   3 <head>
   4     <style>
   5         html { width: 500px; }
   6         body { padding: 0; margin: 0; }
   7         p { padding: 0; margin: 0; }
   8         div { position: absolute; top: 0px; left: 0px; width: 281.25px; height: 75px; background: red; z-index: -1; }
   9         object { width: auto; height: auto; }
  10         svg { position: absolute; top: 80px; left: 0px; width: 281.25px; height: 75px; }
  11     </style>
  12 </head>
  13 <body>
  14
  15 <!-- Both objects should look identical -->
  16 <p><object data="resources/object-sizing-width-75p-height-50p.svg" type="image/svg+xml"></object></p>
  17
  18 <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100">
  19     <rect x="0" y="0" width="100" height="100" fill="lightblue"/>
  20     <rect x="5" y="5" width="90" height="90" fill="green"/>
  21 </svg>
  22
  23 <div></div>
  24
  25 </body>
  26 </html>