html - 用作 CSS 背景时的 SVG 过滤器质量

Question

我正在尝试使用 SVG 文件作为 div 的背景并且一切正常，除了当我向 SVG 文件添加过滤器时它显示非常粗糙。是否需要在 CSS 或 SVG 文件中添加某种设置以提高质量？ 我有一个有一堆图标的网络应用程序，它试图通过加载一个文件和偏移背景来使网站变亮，但仍然保持高质量并使图标可缩放。我是不是用错了方法？

我正在使用 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。浏览器有时会选择不正确的默认设置。