third_party/WebKit/LayoutTests/svg/custom/getBBox-perpendicular-polygon.svg

   1 <!-- Test the bounding box calculated for two perpendicular lines of length 100px created with the polygon element -->
   2 <!-- If the bounding box is 100x100, we consider this test passing. -->
   3 <svg xmlns="http://www.w3.org/2000/svg" onload="init()">
   4   <script type="text/javascript">
   5   <![CDATA[
   6     function init()
   7     {
   8         if (window.testRunner)
   9             testRunner.dumpAsText();
  10         var txt = document.getElementById("text");
  11         size = document.getElementById("shape").getBBox();
  12         var passState = "FAIL";
  13         if(size.width == 100 && size.height == 100)
  14             passState = "PASS";
  15         var textNode = document.createTextNode(size.width + " " + size.height + " " + passState);
  16         txt.appendChild(textNode);
  17     }
  18   ]]>
  19   </script>
  20   <g id="shape">
  21     <polygon stroke="#666666" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" points="5,5 5,105" fill-rule="nonzero" />
  22     <polygon stroke="#666666" stroke-width="2.0" stroke-linejoin="round" stroke-linecap="butt" points="5,5 105,5" fill-rule="nonzero" />
  23   </g>
  24   <text id="text" x="50" y="50" />
  25 </svg>