demo · v137
Viewport router
Compose any transform — translate, rotate, scale, skew — on a root <svg>. The router shows the SVG, the resulting getBoundingClientRect(), the getCTM(), and how the transform interacts with viewBox + preserveAspectRatio.
probing…
transform
viewport
resolved measurements
—
generated markup
—
compatibility matrix
| transform target | pre-v137 | v137+ |
|---|---|---|
inner <g> via attribute | supported | supported |
root <svg> via CSS transform | supported | supported |
root <svg> via transform attribute | ignored | applied |
| SVG-as-image referenced root transform | ignored | applied |