在用作Android Chrome / Webkit时用作背景图像或img标记的模糊SVG

时间:2013-02-27 20:57:36

标签: android svg image inline

Chrome版本:25.0.1364.123 |操作系统:Android

Chrome for Android在密集像素显示屏上呈现css背景SVG和img标记SVG。我的GS3和Nexus 7都有问题。

为什么输出光栅图像等SVG?我已经尝试将SVG保存为4倍大,将宽度和高度属性放在imgs上然后用CSS改变大小,仍然没有运气。

我知道我可以将SVG内联,但内联SVG会完全破坏IE8或更低版本的网站。我拒绝使用多个媒体查询和不同大小的png来弥补这个错误。

我附加了一些截图,一个来自Chrome,另一个来自原生默认浏览器。与Chrome相比,默认浏览器似乎可以很好地处理后台SVG。另一方面,我还附上了一个Firefox截图;为什么Gecko可以处理这个但Android上的Webkit不能?而且我不是说Webkit应该受到责备,因为我的iPad 3上的Chrome处理所有内容。看看这里的屏幕:

http://jsfiddle.net/h5SJP/

0 个答案:

没有答案