跨瀏覽器的SVG路徑渲染不一致

Question

我在兩個webkit瀏覽器上遇到了同一個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上，它有100px的偏移量。

如果需要，可以準備jsFiddle。

Answer 1

這恰好是一個Safari bug，它已被7.0.1更新和iOS 8修復。