Svg Do Not Preserve Aspect Ratio. Content of domsvgSVGAnimatedPreserveAspectRatiocpp at revision ad758df8d567d10cff6a276db21d64680a1cff66 in fx-team. A read only SVGPreserveAspectRatio representing the current animated value of the given attribute.
No amount of CSS hacking fixed the problem so I looked elsewhere and ended up using canvas. There are three values to fill in for. The width and height of the viewbox will be half the width and height of the viewport.
What this will do is allow the SVG to fill the container.
Add preserveAspectRationone to the element Eg. It will now automatically scale the width of the container and will scale uniformly when the container size is changed. The svg element will default to a width of 300px the default for replaced content elements. There are three values to fill in for.