SVG preserveAspectRatio Visualizer

Interactively test and visualize how SVG scaling properties affect rendering within a constrained viewport. Learn more on MDN.

Live Preview

Drag bottom-right corner to resize

Generated Code

<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 100 100">...</svg>