blob: 07e7dd7ee23a31acd4113248d2341fcba88cf90a [file] [log] [blame]
<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://svgwg.org/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>