SVG <defs>生成空格

我在我的项目中使用SVG,现在我必须在网页中创建一个SVG元素.在页面的后面,我将多次使用前面定义的对象.问题在于具有定义的对象,实际上它在页面中创建了一个空白区域.试试这段代码:

我有Firefox和Chrome的问题.我不关心IE.

发生这种情况的两个原因是:

缺乏维度

呈现为 display:inline

向标签添加尺寸最初将隐藏大部分空间,但仍会保留一小部分空间.

设置display:none将隐藏其他元素中引用的任何模式/渐变/等,因此不合适.

要完全隐藏它,请将标记设置为display:block.然后它将遵循先前给出的零长度尺寸.