third_party/WebKit/LayoutTests/svg/transforms/change-transform-origin-css.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2
   3 <!--
   4 Verify that changing the SVG transform-origin CSS property attribute works correctly.  Note that
   5 the default transform-origin for an SVG element is 0 0.
   6
   7 The green 100x100 rectangle should appear at 25,25.
   8 -->
   9
  10 <body>
  11   <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;">
  12       <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" style="transform: scale(2, 2);"/>
  13   </svg>
  14
  15   <script><![CDATA[
  16       document.getElementById('rect').style.webkitTransformOrigin = "50% 50%";
  17   ]]></script>
  18 </body>
  19 </html>