SVG 中的箭头在浏览器渲染时不会旋转

Question

我创建了一个 SVG 文件，在 inkscape 中它看起来像这样：

但是当我通过浏览器渲染它时，箭头就搞砸了：

这（上面）是实际的 svg（链接），如果它在您的浏览器中正确呈现，我是这样看到它的（这次是 png 的屏幕截图）：

最新的 Firefox 和 Chrome 也是如此。

该文件是在 Windows 上的 inkscape 0.48 中创建的，当我在 inkscape 中重新打开它时，它可以正确呈现。有没有办法让浏览器旋转箭头？

Answer 1

我找到了解决方案：

问题在于，这些线使用了贝塞尔曲线，即使这些线是直的，也会引起问题。一旦我用“图表连接器”替换了曲线，问题就消失了。