Comparison of layout engines (Scalable Vector Graphics)
Encyclopedia
The following tables compare SVG
compatibility and support for a number of layout engine
s. 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
, eSVG
and Renesis
are SVG-Plugins.
element support.
Scalable Vector Graphics
Scalable Vector Graphics is a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic . The SVG specification is an open standard that has been under development by the World Wide Web Consortium since 1999.SVG images and their...
compatibility and support for a number of layout engine
Layout engine
A web browser engine, , is a software component that takes marked up content and formatting information and displays the formatted content on the screen. It "paints" on the content area of a window, which is displayed on a monitor or a printer...
s. 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
Batik (software)
Batik is a pure-Java library that can be used to render, generate, and manipulate SVG graphics. IBM supported the project and then donated the code to the Apache Software Foundation, where other companies and teams decided to join efforts.Batik provides a set of core modules that provide...
, eSVG
ESVG
eSVG is an SVG rendering library mainly written for embedded devices. It is available on many platforms: Microsoft Windows 98/NT/2000/ME/XP, CE , Mobile 5 , UniOP MMI, Symbian, eCos, .NET, wxWidgets...
and Renesis
Renesis Player
The RENESIS Player is a SVG compatible viewer and renderer, which was distributed by examotion GmbH .It currently runs on the Windows platform....
are SVG-Plugins.
SVG version support
| Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today... |
Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects.... |
WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook... |
KHTML KHTML KHTML is the HTML layout engine developed by the KDE project. It is the engine used by the Konqueror web browser. A forked version of KHTML called WebKit is used by several web browsers, among them Safari and Google Chrome... |
Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response... |
Prince XML Prince XML Prince is a proprietary software program that converts XML and HTML documents into PDF files by applying Cascading Style Sheets . It is developed by YesLogic, a small company based in Melbourne, Australia.-History:... |
Amaya Amaya (web browser) Amaya is a free and open source WYSIWYG web authoring tool with browsing abilities, created by a structured editor project at the INRIA, a French national research institution, and later adopted by the World Wide Web Consortium . Amaya is used as a testbed for web standards and replaced the Arena... |
Adobe SVG Viewer | Batik Batik (software) Batik is a pure-Java library that can be used to render, generate, and manipulate SVG graphics. IBM supported the project and then donated the code to the Apache Software Foundation, where other companies and teams decided to join efforts.Batik provides a set of core modules that provide... |
Renesis Renesis Player The RENESIS Player is a SVG compatible viewer and renderer, which was distributed by examotion GmbH .It currently runs on the Windows platform.... |
|||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| SVG Scalable Vector Graphics Scalable Vector Graphics is a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic . The SVG specification is an open standard that has been under development by the World Wide Web Consortium since 1999.SVG images and their... |
1.1 | Tiny (SVGT) | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | |
| Basic (SVGB) | rowspan="2" | |||||||||||
| Full | ||||||||||||
| 1.2 | Tiny | rowspan="4" | rowspan="4" | rowspan="4" | rowspan="4" | rowspan="4" | ||||||
| Full | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | ||||||||
| sXBL SXBL sXBL is a mechanism for defining the presentation and interactive behavior of elements described in a namespace other than SVG's . sXBL is very similar to XBL, as it does for SVG documents what XBL does for XUL documents... |
||||||||||||
| XBL 2.0 XBL XBL is an XML-based markup language used to declare the behavior and look of XUL-widgets and XML elements.XBL was developed by the Mozilla project for use in the Mozilla Application Suite; the language is not currently described by any formal standard and is thus proprietary to Mozilla, with the... |
||||||||||||
Embedding
This table shows support status of different ways of embedding SVG into HTML, for different layout engines.| Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today... |
Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects.... |
WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook... |
KSVG | Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response... |
Amaya Amaya (web browser) Amaya is a free and open source WYSIWYG web authoring tool with browsing abilities, created by a structured editor project at the INRIA, a French national research institution, and later adopted by the World Wide Web Consortium . Amaya is used as a testbed for web standards and replaced the Arena... |
|
|---|---|---|---|---|---|---|
<img> |
rowspan="5" | |||||
<embed> |
rowspan="2" | rowspan="2" | rowspan="2" | |||
<object> |
||||||
CSS background-image |
rowspan="2" | rowspan="3" | rowspan="2" | |||
CSS list-style-image |
||||||
| as Favicon Favicon A favicon , also known as a shortcut icon, Web site icon, URL icon, or bookmark icon, is a file containing one small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page... |
rowspan="2" | |||||
| in data URIs | ||||||
SVG 1.1 support
Comparison of various Scalable Vector GraphicsScalable Vector Graphics
Scalable Vector Graphics is a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic . The SVG specification is an open standard that has been under development by the World Wide Web Consortium since 1999.SVG images and their...
element support.
| Profile | Element | Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today... |
Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects.... |
WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook... |
KSVG | Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response... |
Prince XML Prince XML Prince is a proprietary software program that converts XML and HTML documents into PDF files by applying Cascading Style Sheets . It is developed by YesLogic, a small company based in Melbourne, Australia.-History:... |
Amaya Amaya (web browser) Amaya is a free and open source WYSIWYG web authoring tool with browsing abilities, created by a structured editor project at the INRIA, a French national research institution, and later adopted by the World Wide Web Consortium . Amaya is used as a testbed for web standards and replaced the Arena... |
Adobe SVG Viewer | Batik Batik (software) Batik is a pure-Java library that can be used to render, generate, and manipulate SVG graphics. IBM supported the project and then donated the code to the Apache Software Foundation, where other companies and teams decided to join efforts.Batik provides a set of core modules that provide... |
Renesis Renesis Player The RENESIS Player is a SVG compatible viewer and renderer, which was distributed by examotion GmbH .It currently runs on the Windows platform.... |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Structure Module | |||||||||||
| Tiny | svg |
rowspan="8" | rowspan="8" | rowspan="6" | rowspan="3" | rowspan="2" | rowspan="2" | rowspan="4" | rowspan="8" | ||
g |
rowspan="7" | rowspan="5" | |||||||||
defs |
|||||||||||
desc |
rowspan="2" | rowspan="3" | |||||||||
title |
|||||||||||
metadata |
|||||||||||
use |
rowspan="2" | rowspan="2" | rowspan="2" | rowspan="2" | |||||||
| Basic | symbol |
||||||||||
| Conditional Processing Module | |||||||||||
| Tiny | switch |
||||||||||
| Image Module | |||||||||||
| Tiny | image |
||||||||||
| Style Module | |||||||||||
| Tiny | style |
||||||||||
| Shape Module | |||||||||||
| Tiny | circle |
rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="7" | rowspan="6" |
ellipse |
|||||||||||
line |
|||||||||||
path |
|||||||||||
polygon |
|||||||||||
polyline |
|||||||||||
rect |
|||||||||||
| Text Module | |||||||||||
| Tiny | text |
rowspan="8" | rowspan="2" | rowspan="4" | rowspan="4" | rowspan="4" | rowspan="2" | rowspan="4" | rowspan="8" | rowspan="2" | |
| Basic | tspan |
||||||||||
tref |
rowspan="6" | ||||||||||
textPath |
rowspan="5" | rowspan="5" | |||||||||
| Full | altGlyph |
rowspan="2" | rowspan="2" | ||||||||
altGlyphDef |
rowspan="3" | rowspan="3" | |||||||||
altGlyphItem |
|||||||||||
glyphRef |
|||||||||||
| Profile | Element | Trident | Gecko | WebKit | KSVG | Presto | Prince XML | Amaya | Adobe SVG Viewer | Batik | Renesis |
| Marker Module | |||||||||||
| Full | marker |
||||||||||
| Color Profile Module | |||||||||||
| Full | color-profile |
||||||||||
| Gradient Module | |||||||||||
| Basic | linearGradient |
rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" | rowspan="2" | rowspan="3" | rowspan="3" | rowspan="3" | ||
radialGradient |
|||||||||||
stop |
|||||||||||
| Pattern Module | |||||||||||
| Basic | pattern |
||||||||||
| Clip Module | |||||||||||
| Basic | clipPath |
||||||||||
| Mask Module | |||||||||||
| Basic | mask |
||||||||||
| Filter Module | |||||||||||
| Basic | feBlend |
rowspan="25" | rowspan="25" | rowspan="10" | rowspan="25" | rowspan="25" | rowspan="25" | rowspan="25" | rowspan="25" | ||
feColorMatrix |
|||||||||||
feComponentTransfer |
|||||||||||
feComposite |
|||||||||||
feFlood |
|||||||||||
feGaussianBlur |
|||||||||||
feImage |
|||||||||||
feMerge |
|||||||||||
feOffset |
|||||||||||
feTile |
|||||||||||
| Full | filter |
||||||||||
feConvolveMatrix |
|||||||||||
feDiffuseLighting |
|||||||||||
feDisplacementMap |
rowspan="3" | ||||||||||
feMergeNode |
|||||||||||
feMorphology |
|||||||||||
feSpecularLighting |
|||||||||||
feTurbulence |
|||||||||||
feDistantLight |
rowspan="3" | ||||||||||
fePointLight |
|||||||||||
feSpotLight |
|||||||||||
feFuncR |
rowspan="4" | ||||||||||
feFuncG |
|||||||||||
feFuncB |
|||||||||||
feFuncA |
|||||||||||
| Profile | Element | Trident | Gecko | WebKit | KSVG | Presto | Prince XML | Amaya | Adobe SVG Viewer | Batik | Renesis |
| Cursor Module | |||||||||||
| Full | cursor |
||||||||||
| Hyperlinking Module | |||||||||||
| Tiny | a |
||||||||||
| View Module | |||||||||||
| Basic | view |
||||||||||
| Scripting Module | |||||||||||
| Tiny | script |
||||||||||
| Animation Module | |||||||||||
| Tiny | animate |
rowspan="6" | rowspan="2" | rowspan="2" | rowspan="6" | rowspan="6" | rowspan="5" | rowspan="5" | rowspan="6" | rowspan="6" | |
set |
rowspan="4" | ||||||||||
animateMotion |
rowspan="2" | ||||||||||
animateTransform |
|||||||||||
animateColor |
|||||||||||
mpath |
|||||||||||
| Font Module | |||||||||||
| Tiny | font |
rowspan="10" | rowspan="10" | rowspan="4" | rowspan="6" | rowspan="8" | |||||
font-face |
rowspan="3" | ||||||||||
glyph |
rowspan="2" | ||||||||||
missing-glyph |
|||||||||||
| Full | hkern |
rowspan="2" | rowspan="6" | ||||||||
vkern |
|||||||||||
font-face-src |
rowspan="4" | rowspan="4" | |||||||||
font-face-uri |
|||||||||||
font-face-format |
rowspan="2" | ||||||||||
font-face-name |
|||||||||||
| Extensibility Module | |||||||||||
| Full | foreignObject |
||||||||||
| Profile | Element | Trident | Gecko | WebKit | KSVG | Presto | Prince XML | Amaya | Adobe SVG Viewer | Batik | Renesis |
External links
- 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
