<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:h="http://www.w3.org/1999/xhtml"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="300" height="200" viewBox="0 0 300 200">
  <metadata>
    <h:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/styling.html#RequiredProperties"/>
    <h:link rel="match" href="transform-origin-ref.svg"/>
    <h:meta name="assert" content="The transform-origin property impacts SVG rendering."/>
  </metadata>

  <style>
    rect {
      fill: cyan;
      transform-origin: 30px 10px;
      transform: scale(2, 3);
    }
  </style>
  <g transform="translate(140, 130)">
    <rect x="0" y="0" width="40" height="10" />
  </g>
</svg>