change-transform-origin-presentation-attribute.xhtml

<html xmlns="http://www.w3.org/1999/xhtml">

<!--
Verify that changing the SVG transform-origin presentation attribute works correctly.

The green 100x100 rectangle should appear at 25,25.
-->

<body>
  <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0px; left: 0px;">
    <rect id="rect" width="50px" height="50px" x="50" y="50" fill="green" transform-origin="0 0"
          style="transform: scale(2, 2); transform-box: fill-box"/>
  </svg>

  <script><![CDATA[

      document.getElementById('rect').setAttribute("transform-origin", "50% 50%")

  ]]></script>
</body>
</html>

chromium/third_party/blink/web_tests/svg/transforms/change-transform-origin-presentation-attribute.xhtml