<svg width="200px" height="200px" viewBox="0 0 200 200"> <!-- rx and ry equal, increasing --> <rect x="10" y="10" width="20" height="40" rx="2" ry="2" style="stroke: black; fill: none;"/> <rect x="40" y="10" width="20" height="40" rx="5" style="stroke: black; fill: none;"/> <rect x="70" y="10" width="20" height="40" ry="10" style="stroke: black; fill: none;"/> <!-- rx and ry unequal --> <rect x="10" y="60" width="20" height="40" rx="10" ry="5" style="stroke: black; fill: none;"/> <rect x="40" y="60" width="20" height="40" rx="5" ry="10" style="stroke: black; fill: none;"/> </svg>
Show grid
Zoom
>