Вам бы разобраться, что такое viewPort (ваши "width" и "height") и viewBox у <svg> (чудес в мире станет, увы, поменьше).
Первое определяет размер окна отображения svg. Второе отвечает за смещение и масштаб в этом окне. В самом простом случае значения vP и второй части vB должны совпадать.
Сделайте отдельный html со след. содержимым и экспериментируйте:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="200" height="200" version="1.1"
viewBox="0 0 200 200" preserveAspectRatio="none"
xmlns="//www.w3.org/2000/svg" style="border: 2px dashed blue;">
<rect x="5" y="5" width="95" height="95" fill="rgba(255,0,0, 0.6)"/>
<rect x="100" y="5" width="95" height="95" fill="rgba(0,0,255, 0.6)"/>
<rect x="5" y="100" width="95" height="95" fill="rgba(0,0,255, 0.6)"/>
<rect x="100" y="100" width="95" height="95" fill="rgba(255,0,0, 0.6)"/>
</svg>