【发布时间】：2017-06-30 07:39:58
【问题描述】：
参考问题clip-path not working in SVG sprite，看来我们不能使用style="display:none" 来隐藏定义将在其他地方使用的剪辑路径的SVG 元素。
但是，给定的隐藏它的建议替代方法（使用width="0" height="0"）对我不起作用（至少在 Chrome 中，SVG 元素仍然在页面布局中获得分配空间，这会导致出现垂直滚动条，因为我有一个上面有height="100%" 的div）。还有什么其他方法可用于隐藏 SVG 且不会阻止它被用于剪辑？
【问题讨论】：
-
如何使用 position: absolute 然后将其定位在页面之外的某个位置
-
这就是我目前正在做的，但它看起来很像一个黑客。但是
display: none和visibility: hidden都打破了剪辑（以不同的方式），所以我现在看不到更好的方法。似乎很奇怪，没有办法定义一个没有实际位置但仍然可以被其他对象引用的对象...... -
你用过
style="width:0;height:0;"吗？对我来说，width="0" height="0"作为 XML 属性适用于 FF 和 Chrome。