However, it is clear that Blink engine is in close pursuit and thus we recommend Blink-based browsers for rendering SVG files. When we compare our original SVG picture with all the rendered results, we subjectively nominate the IE 11 (Trident engine) for first place. It appears that support and correct stacking of filter primitives is the last remaining challenge for present-day rendering engines. Almost all current versions of browsers passed through our test and it is hard to select a definitive winner. We tested 4 main rendering engines and 15 different browsers including popular ones like Maxthon or Dolphin. In our test we focused on the support of SVG format across modern web rendering engines. However, Konqueror’s default rendering engine, KHTML, appears to be lacking support of several features: filter effects are not applied to underlying object and stroke end markers, and text along path or pattern objects aren’t rendered at all. With WebKit enabled our testing SVG was rendered correctly. The ability to render SVG files in Konqueror depends on the rendering engine. Konqueror is a default browser for KDE, one of the most popular Linux desktop environments. 4.) however, on an Android device neither gaussian blur nor other filter primitives were rendered.ĬM Browser performed fast on our testing Samsung galaxy S3 device, but it also doesn’t support any of the filter effects described by SVG 1.1 SE specification. We haven’t noticed any problem with SVG rendering on Linux (v. According to Fahad Khan’s 20 alternative web browsers for Windows Maxthon uses both Trident and Webkit engines. Maxthon is a cross-platform browser developed in China. Let’s check out those that didn’t do so well. BrowserĪs can be seen above, all recent versions of major rendering engines / browsers have passed our test without significant difficulties. Just like Webkit, Gecko seems to have trouble with correctly rendering Specular Lighting filter primitive. The Windows version exhibited a little glitch in rendering the text along path the same problem was observed in both Firefox and PaleMoon browsers. In the case of Gecko engine the results weren’t exactly same across different platforms. It is also used by browsers PaleMoon, Waterfox and many other forks of earlier Firefox versions. Gecko is an engine developed by Mozilla Corporation and thus used in the Firefox web browser or Thunderbird email client. This isn’t a surprise though, as IE 9 was initially released before the final draft of SVG 1.1 SE standard, in which filter effects were officially added. We also tested IE 9, the second most used IE (as of May 2015) and found that this version had problems with gaussian blur and composite filter. Moreover, the composite filter appearance matches the original image the best. Trident is a proprietary engine used by Internet Explorer versions 4.0 – 11.0. Futhermore there are various implementations and forks of itĪll tested browsers rendered our SVG file without problems nevertheless, differences in the rendering of Specular Lighting, a composite filter component, were observed in comparison to Inkscape. However, this engine is widespread among developers. BrowserĪccording to the recent browser usage statistics the top three positions don’t belong to webkit based browsers. When compared to the original image produced by Inkscape, there were no issues except a slight difference in the rendering of stacked filter effects. All of the above-mentioned browsers render testing images in the same way across the tested platforms. Blink is the native engine for Google’s Chrome and Chromium browsers, Opera and Android WebView. We started with – by far the most frequent rendering engine – Blink. Among the tested features are: text paths and their interactions, gradients, gaussian blur filter and finally an advanced composite filter stacked from more filter types. We prepared our testing picture focusing on elements that artists are most likely to use. We took a sample of modern browsers, including some of the less notorious ones, and tested them with an SVG file made for this purpose. The support spans into a wide variety of image editor software, particularly Inkscape, which uses SVG as its native format (If you want a refresher on SVG, click here).īut what exactly is supported by web browsers? Do all rendering engines display SVG files and their features the same way? And what about their advanced features like filters? Well, that’s what we are going to find out. SVG (Scalable Vector Graphics) is officially supported by all main web browsers, including Internet Explorer.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |