For example, the viewbox dimensions:
<svg stroke="#fff" class="wow world_map" viewBox="0 0 1700 2200" preserveAspectRatio="xMidYMid meet" stroke-width="2" version="1.1">
Create a much smaller rendered image than:
<svg stroke="#fff" class="wow world_map" viewBox="0 0 170 220" preserveAspectRatio="xMidYMid meet" stroke-width="2" version="1.1">
Why would this be happening? The entire <svg>
is in a <g>
tag, and when I inspect element and hover over the <g>
is just select the image, but when I hover over the <svg>
it selects a massive empty viewBox that has been created that seems to grow inversely to the size of the actual image.
I should also note that I'm doing CSS animations on this SVG, so I'm not sure if that is creating a conflict. Also, the SVG is inline HTML.
Any ideas would be greatly appreciated. Thanks!