I have a SVG graphic that draws a circle. When I give it a background-color
with CSS, I expected it to show up only in the corners because CSS elements are never round (yes yes, border-radius
...) - so I put a round graphic with a transparent background in a rectangular box with background color.
But instead, it looks like this:
Is there any way I can remove the "padding" on the left & right side? Has it something to do with ViewBox
?
If you want the SVG to stretch to the entire box, put preserveAspectRatio="none"
on the root <svg>
element.