这个问题的核心是一个非常有趣的问题：
display: none在包含 SVG 精灵 (s) 的 SVG 上进行设置symbol将使在其中定义和引用的剪辑路径不可用，而使用隐藏 SVGheight: 0; width: 0;将使它们起作用。
虽然这个问题有解决直接问题的答案，但它没有回答为什么会这样。我猜它与 Shadow DOM 有关：当在容器上设置时，似乎该defs部分中的 id 是不可引用的。display: none任何人都可以阐明其中的方式和原因，最好参考 SVG 或 HTML 规范？