layout/reftests/svg/fragmentIdentifier-01.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
   2   <head>
   3     <title>Testcases for SVG fragment identifiers</title>
   4     <style>
   5
   6 iframe {
   7   border: none;
   8 }
   9
  10     </style>
  11   </head>
  12   <body style="background-color: lime;">
  13     <div>
  14       <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#limeView" />
  15       <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))" />
  16       <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#view" />
  17     </div>
  18     <div>
  19       <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))" />
  20       <iframe scrolling="no" id="replace" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,0))" />
  21       <iframe scrolling="no" id="remove" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100);transform(translate(0,200)))" />
  22     </div>
  23     <script type="text/javascript">
  24       window.onload = function() {
  25         document.getElementById("replace").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))");
  26         document.getElementById("remove").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))");
  27         document.documentElement.removeAttribute("class");
  28       }
  29     </script>
  30   </body>
  31 </html>