大型SVGs不是rendering...my故障吗？浏览器？

Question

我使用代码动态地创建了一个大型SVG。它所做的路径的一个例子是；

<path id="curveAB" d="M 8307,437 S 8307,447 8451,406 8595,365 8595,375 " stroke="blue" stroke-width="3" fill="none"></path>

它过去是这样工作的，但我最近注意到(没有任何代码更改)它不再出现在浏览器中。

他们停止了Chrome 29和36之间的工作，但不确定是什么时候。

在盒子之间画箭头的系统中的一部分。

您可以在这里演示全部内容；http://darkflame.co.uk/GreenFruitEngine2/GreenFruitEnginev3.html#fruit

您需要在“示例/exampleIndex.ntlist”中打勾，单击"Load“。然后当它加载时输入，例如“水果”并按回车。您应该会看到大量的框--如果它正常工作，它们之间就会有一行，显示属性的语义继承。

如果您使用铬检查器，您可以看到框保留了每个SVG路径应该占用的空间。就好像路径是不可见的，但是正在计算中。

我注意到它也不再适用于Firefox。去年SVG的标准是否发生了一些变化？SVG现在有大小限制吗？

这影响了我的一些项目，而且很难谷歌任何似乎相关的东西。我唯一看到的另一个可能性是，我错误地格式化了SVG，而且它过去在Chrome 29上工作得很好(现在仍然如此)，但从那以后，Chrome已经收紧了它的SVG通行证，我的错误也就不再出现了？

任何帮助都将不胜感激。

Answer 1

您的<svg>没有宽度或高度属性。它也没有通过CSS给出宽度或高度。在这种情况下，默认为300x150。因此，对于您的页面，它隐藏在左上角。如果指定宽度和高度，则应正确显示。

<svg width="100%" height="100%">

铬最近变了.(修正)它的行为。这就是为什么它会停止为你工作的原因。