Comparison of layout engines (Scalable Vector Graphics)
The following tables compare SVG compatibility and support for a number of layout engines. Please see the individual products' articles for further information. This article is not all-inclusive or necessarily up-to-date. Unless otherwise specified in footnotes, comparisons are based on The Stable versions without any add-ons, extensions or external programs.
Adobe SVG Viewer, Batik, DENG (XML Browser Engine), eSVG and Renesis are SVG-Plugins.
SVG version support
Note: Trident, Tasman and iCab (before version 4) do not support SVG natively, but requires third-party plugins, thus are not listed.
Gecko |
WebKit |
KHTML |
Presto |
Prince XML |
Amaya |
Adobe SVG Viewer |
Batik |
DENG |
|||
|---|---|---|---|---|---|---|---|---|---|---|---|
SVG |
1.1 |
Tiny (SVGT) |
|||||||||
Basic (SVGB) |
|||||||||||
Full |
|||||||||||
1.2 |
Tiny |
{{?}} |
{{?}} |
{{?}} |
|||||||
sXBL |
|||||||||||
XBL 2.0 |
|||||||||||
Gecko general overview notes
Firefox 3 support many more features.
KHTML general overview notes
KHTML— Does not have any native image support. This is by design: in Konqueror, multimedia files are handled by KParts. The KDE project also developed an SVG plugin for Konqueror, known as KSVG.
Presto general overview notes
SVG Basic— Presto 9.0 has added quite large, but incomplete SVGB support.
embedding
This tables show the support of SVG images embedded in Homepages.
Gecko |
WebKit |
KSVG |
Presto |
Prince XML |
Amaya |
|
|---|---|---|---|---|---|---|
as |
{{?}} |
|||||
as |
{{?}} |
{{?}} |
{{?}} |
|||
as |
{{?}} |
|||||
CSS background-image |
{{?}} |
{{?}} |
||||
CSS list-style-image |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||
as Favicon |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
SVG 1.1 support
Comparison of various Scalable Vector Graphics element support.
Gecko |
WebKit |
KSVG |
Presto |
Prince XML |
Amaya |
Adobe SVG Viewer |
Batik |
DENG |
eSVG |
||
|---|---|---|---|---|---|---|---|---|---|---|---|
colspan="13" | Structure Module |
|||||||||||
SVG1.1 |
|
||||||||||
|
|||||||||||
|
{{?}} |
||||||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
|
{{?}} |
||||||||||
colspan="13" | Conditional Processing Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Image Module |
|||||||||||
SVG1.1 |
|
{{?}} |
|||||||||
colspan="13" | Style Module |
|||||||||||
SVG1.1 |
|
{{?}} |
|||||||||
colspan="13" | Shape Module |
|||||||||||
SVG1.1 |
|
||||||||||
|
|||||||||||
|
|||||||||||
|
|||||||||||
|
|||||||||||
|
|||||||||||
|
|||||||||||
colspan="13" | Text Module |
|||||||||||
SVG1.1 |
|
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
colspan="13" | Marker Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Color Profile Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
colspan="13" | Gradient Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
colspan="13" | Pattern Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Clip Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
colspan="13" | Mask Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
colspan="13" | Filter Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Cursor Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
colspan="13" | Hyperlinking Module |
|||||||||||
SVG1.1 |
|
||||||||||
colspan="13" | View Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||
colspan="13" | Scripting Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Animation Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
|||||||||
|
{{?}} |
{{?}} |
{{?}} |
||||||||
colspan="13" | Font Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
|||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
|
{{?}} |
{{?}} |
{{?}} |
{{?}} |
{{?}} |
||||||
colspan="13" | Extensibility Module |
|||||||||||
SVG1.1 |
|
{{?}} |
{{?}} |
{{?}} |
|||||||
Gecko notes
font— SVG Font 5 is not supported.
Renesis notes
font-face— Renesis 0.7 supports that feature, but because of the rewrite of the plugin Renesis 1.0 doesn't support this any longer.
External links
- SVG rendering engine comparison pages - visual comparison among various FOSS SVG rendering libraries
- W3C SVG Test Cases for SVG Full
- W3C SVG Test Suite Results - Summary results of W3C test suite on multiple browsers, different versions and browser plugins.
- A Comparison of the SVG-able layout engines and Plugins