Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/testing/web-platform/tests/svg/styling/render/transform-box.svg
width="300" height="200" viewBox="0 0 300 200">
<metadata>
<h:link rel="match" href="transform-box-ref.svg"/>
<h:meta name="assert" content="The transform-box property impacts SVG rendering."/>
</metadata>
<style>
#r {
fill: cyan;
stroke: cyan;
stroke-width: 8px;
transform-box: fill-box;
transform-origin: 75% 100%;
transform: scale(2, 2);
}
</style>
<g transform="translate(140, 130)">
<rect id="r" x="0" y="0" width="40" height="10" />
</g>
</svg>