SVG Путь рендеринга не согласован между браузерами

Question

Я испытываю две разные визуализации одного и того же пути SVG на двух веб-браузерах: Chrome и Safari.

Вот разметка:

<svg class="drillPath0" viewBox="0 0 775 310"> 
    <path fill="transparent" stroke="#000" d="M 100 100 V 0"></path> 
    <path fill="transparent" stroke="#000" d="M 200 100 H 100"></path> 
    <path fill="transparent" stroke="#000" d="M 200 100 V 200"></path> 
</svg> 

В Chrome, правильно его начинается с верхней части элемента SVG.

В Safari он имеет смещение 100 пикселей.

Существует jsFiddle, если необходимо.

Answer 1

Это была ошибка Safari, исправленная с обновлением 7.0.1 и iOS 8.