在 HTML 中隐藏 SVG 元素而不禁用内部定义的剪辑路径？

Question

参考Clip-path not work in SVG sprite 的问题，我们似乎无法用来style="display:none"隐藏定义将在其他地方使用的剪辑路径的 SVG 元素。

然而，建议的隐藏它的替代方案（使用width="0" height="0"）对我来说不起作用（至少在Chrome中，SVG元素仍然在页面布局中获得分配的空间，这会导致出现垂直滚动条，因为我有一个divheight="100%"它上面）。还有什么其他方法可以隐藏 SVG 并且不会阻止其用于剪切？

Answer 1

最后，我常常position:absolute将该项目从通常的 HTML 文档流中取出。我不明白为什么零大小的元素会导致滚动条出现，但这似乎确实发生了。