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修复了。