本文探讨了现代Web浏览器对SVG（可缩放矢量图形）的支持情况，包括Blink、Webkit、Trident和Gecko引擎。大部分浏览器能良好呈现SVG，但某些特定滤镜效果在不同引擎间存在差异。测试表明，Internet Explorer 11的Trident引擎对SVG支持最佳，而Blink引擎紧随其后。
所有主要的Web浏览器（包括Internet Explorer）都正式支持SVG（可缩放矢量图形）。 该支持涉及多种图像编辑器软件，尤其是Inkscape，它使用SVG作为其本机格式（如果要在SVG上进行更新，请单击此处） 。
但是网络浏览器到底支持什么？ 是否所有渲染引擎都以相同方式显示SVG文件及其功能？ 过滤器等高级功能又如何呢？ 好吧，这就是我们要找出的。 我们对现代浏览器进行了采样，包括一些臭名昭著的浏览器，并使用为此目的制作的SVG文件对其进行了测试 。
测试图片
我们准备了测试图片，重点关注艺术家最可能使用的元素。 测试的功能包括：文本路径及其相互作用，渐变，高斯模糊滤镜以及最终由更多滤镜类型堆叠而成的高级复合滤镜。
网络浏览器引擎
闪烁引擎
我们首先使用了Blink，这是迄今为止最常见的渲染引擎。 Blink是Google Chrome和Chromium浏览器，Opera和Android WebView的本地引擎。 所有上述浏览器在测试平台上以相同的方式呈现测试图像。
与Inkscape生成的原始图像相比，除了堆叠滤镜效果的渲染略有不同外，没有其他问题。
| 浏览器 | 版 | 平台 | 结果 |
| Chrome | 43.0.2357.125 | 的Linux |
|
| 歌剧 | 30.0.1835.59 | 的Linux | |
| 歌剧 | 30.0.1856.93524 | 安卓系统 | |
| 歌剧 | 30.0.1835.88 |
最低0.47元/天 解锁文章
扫一扫
1307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
