SVG：阴影滤镜在移动Safari上像素化SVG

我在使用img标记嵌入的SVG文件内使用阴影滤镜。在我的MacBook上，它在Safari中看起来很好。但是，在移动Safari中，图形变得非常像素化，失去了清晰度。如果未应用过滤器，则SVG呈现良好。除了传递过滤器之外，还有什么方法可以解决这个问题吗？SVG：阴影滤镜在移动Safari上像素化SVG

来源

2013-02-02 Sven

您应该尝试明确地将滤镜的"filterRes"属性设置为与视网膜显示匹配的值。

来源

2013-02-03 05:34:11

是的，我在另一个有类似问题的问题中看到，你提出了一个400的值。我刚刚尝试过，我也尝试了更高的值，但恐怕没有任何改变。此外，整个图形都变得像素化，而不仅仅是阴影。 – Sven

“400”的答案是一个黑客，以减少窗口中的Firefox的带状伪影 - 它正在有意地产生像素化。你应该尝试1136 x 640在iPhone 5上看到的结果。这就是说 - 我已经听说移动Safari浏览器中的SVG支持尚未完全更新视网膜，所以像素化是一个真正的错误，不只是一个错误。 –

我有同样的问题。使用filterRes基本上使SVG的分辨率/尺寸相关，这消除了使用SVG的全部要点。有一个孤儿的WebKit错误报告：https://bugs.webkit.org/show_bug.cgi?id=119300 – ernesto

SVG：阴影滤镜在移动Safari上像素化SVG

回答

相关问题