大型 SVG 未完全加载

Question

我从设计师那里得到了这些 svg，当它们内嵌在空白页面上时，它们可以正常工作。当作为图像加载时，它们也可以正常工作。但是，由于某种原因，当我将 12kb SVG 内联到 wordpress 页面时，我开始变得奇怪。

这里是相关网站的链接：http://162.214.14.26/~naturesfusions/

如您所见，部分图标被截断，其中一个图标似乎忽略了 svg 中设置的路径。奇怪的是，这似乎只影响大型 svg，而不是我拥有的简单 3kb 的。关于这里出了什么问题的任何想法？

Answer 1

id 属性在文档中必须是唯一的。您有多个具有相同 id 的元素，例如id="Home" 所以你的文件是无效的。无效文档会发生奇怪的事情。