跨浏览器的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修复。