用作CSS背景时的SVG滤镜质量

Question

我正在尝试使用SVG文件作为div的背景，一切正常，除非我在SVG文件中添加过滤器时显示非常粗糙。是否需要在CSS或SVG文件内添加某种设置以提高质量？    我有一个Web应用程序，有一堆图标，并试图通过加载一个文件和抵消背景来减轻网站，但仍保持高质量和图标可扩展。我是以错误的方式解决这个问题吗？

我正在使用Inkscape生成SVG文件

这是我的CSS：

.icoErase{
   width: 1em;
   height: 1em;
   background-image: url('../images/FormIcons.svg');
   background-size: auto 6em;
   background-position: -1em -1em;
   background-repeat: no-repeat;
}

Answer 1

我可能建议在SVG中的过滤器元素上设置一个显式的filterRes属性，范围从1000到2000.浏览器有时会选择不正确的默认设置。