Comparison of layout engines (Scalable Vector Graphics)

Scalable Vector Graphics
	SXBL; SVG Working Group; SVG filter effects; Precision Graphics Markup Language; Vector Markup Language; XHTML+MathML+SVG; SVG animation; Comparison of layout engines (SVG);
	This box: view; talk; edit;

From Wikipedia, the free encyclopedia

Jump to: navigation, search

‹ The template below (Expand further) is being considered for deletion. See templates for discussion to help reach a consensus.›

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.

[edit] Explanation of the tables

[edit] Engine nomenclature

Rather than the names of web browsers, the names of the underlying engines are used. The browsers that use the various engines are listed below.

Layout engine	Release version	Preview version	Used by
Amaya	11.3.1	11.3-pre	Amaya
Gecko	9.01	10.0b5	All Mozilla software, including Firefox; SeaMonkey and Galeon; Camino; K-Meleon; Flock (up to 2.x); Epiphany-gecko; Debian IceWeasel; GNU IceCat (formerly GNU IceWeasel); Icedove, Iceape and Iceowl; Fennec. Also used by the Maple platform in 2010 and 2011 Samsung "SmartTV" devices which are based on the build used in Firefox 3.0.
KHTML		N/A	Konqueror
Presto	2.10.229	2.10.238	Opera; Opera Mobile, Nintendo DS & DSi Browser‎; Internet Channel
Prince	7.1	N/A	Prince XML
Tasman	(IE 5.2.3 for Mac)	none (aborted in 2003)	Internet Explorer 5+ for Mac OS X
Trident	5.0 (IE 9)	6.0 (IE 10)	Internet Explorer and other Internet Explorer shells like Maxthon (Microsoft Windows operating systems only), Windows Phone 7
WebKit	534.20	r83424	Safari (both desktop and mobile), Google Chrome, Maxthon 3, Shiira, iCab 4, OmniWeb 5.5+, Epiphany, Adobe AIR, Midori, Adobe Dreamweaver CS4 and CS5, Android browser, Palm webOS browser, Symbian S60 browser, OWB, Steam, Rekonq, Arora, Flock (version 3+), RockMelt. Used by the LG Smart TV platform to enable web content on TVs.

Adobe SVG Viewer , Batik, eSVG and Renesis are SVG-Plugins.

[edit] Values

Values indicate the level of support in the most recent version of the layout engine, or (if a version number is given) in the specified version. Version numbers without any other value indicate the version at which the layout engine first fully supported the feature.

Value	Meaning
Yes	Indicates that the layout engine fully supports this property/element when valid values are used.
No	Indicates that the property/element is completely ignored.
Partial	Indicates that the property/element is understood, but that not all values are supported. Supported values are implemented correctly.
Incorrect	Indicates that the property/element is understood, but that it is not implemented correctly in all cases.
Experimental	Indicates that the property/element is understood, but supported under an alternate name. May be incomplete or buggy.
Dropped	Indicates that the property/element is no longer supported.
Nightly build	Indicates that the property/element is supported to some extent in an experimental/nightly build. Future support is expected.
Depends	Indicates that the property/element is supported only on certain platforms, or if certain settings are configured.

[edit] SVG version support

			Trident	Gecko	WebKit	KHTML	Presto	Prince XML	Amaya	Adobe SVG Viewer	Batik	Renesis
SVG	1.1	Tiny (SVGT)	5.0^{[t 1]}	Partial^{[g 1]}	Partial	Partial^{[note 1]}	1.0	Partial	Partial	Partial	Mostly	Partial
		Basic (SVGB)					Mostly
		Full					Mostly
	1.2	Tiny	No	No	No	No	2.1	?	?	No	Partial	Partial
	1.2	Full					No	No	No		No	No
sXBL											Yes
XBL 2.0											No

[edit] Embedding

This table shows support status of different ways of embedding SVG into HTML, for different layout engines.

	Trident	Gecko	WebKit	KSVG	Presto	Amaya
`<img>`	5.0^{[t 1]}	2.0^{[g 2]}	Partial^{[note 2]}	No	2.1	5.1
`<embed>`		1.8	Partial^{[note 3]}	Partial^{[note 4]}	Partial^{[note 5]}	5.2
`<object>`		1.8	Partial^{[note 3]}	Partial^{[note 4]}	Yes	5.1
CSS `background-image`		2.0^{[g 3]}	No	No	2.1	?
CSS `list-style-image`		2.0^{[g 3]}	Partial^{[note 6]}		2.1	?
as Favicon	No	2.0^{[g 4]}	No		2.1.1	?
in data URIs	5.0	Yes	Yes	?	No	?

[edit] SVG 1.1 support

Comparison of various Scalable Vector Graphics element support.

Profile	Element	Trident	Gecko	WebKit	KSVG	Presto	Prince XML	Amaya	Adobe SVG Viewer	Batik	Renesis
Structure Module
Tiny	`svg`	5.0^{[t 2]}	1.8	522	Yes	1.0	Yes	Yes	1.0	Yes	Yes
	`g`					2.0	Yes	Yes			1.0
	`defs`						6.0	?
	`desc`				No		No	?
	`title`				No			?	3.0
	`metadata`				?			?	2.0
	`use`			Partial^{[w 3]}	No		6.0	Yes	1.0		0.6
Basic	`symbol`			522	No		6.0	?	1.0		0.6
Conditional Processing Module
Tiny	`switch`	Yes	1.8	522	?	2.0	No	?	2.0	Yes	No
Image Module
Tiny	`image`	5.0^{[t 2]}	2.0^{[g 5]}	522	No	2.0	5.1	4.0	1.0	Yes	0.5
Style Module
Tiny	`style`	5.0^{[t 1]}	1.8	522	?	2.0	Yes	Yes	1.0	Yes	0.6
Shape Module
Tiny	`circle`	5.0^{[t 2]}	1.8	522	Yes	2.0	Yes	4.0	1.0	Yes	1.0
	`ellipse`
	`line`
	`path`
	`polygon`
	`polyline`
	`rect`										0.6
Text Module
Tiny	`text`	5.0^{[t 1]}	1.8	522	Yes	2.0	5.1	4.0	1.0	Yes	0.7
Basic	`tspan`		1.8				Yes	4.0			0.7
	`tref`		No^{[g 6]}				No	6.3			0.6
	`textPath`		1.8.1					4.0			No
Full	`altGlyph`		Partial^{[g 7]}	Partial	?	2.2			2.0
	`altGlyphDef`		No	No	?	2.2			2.0
	`altGlyphItem`				?	?			No
	`glyphRef`				?	2.2			2.0
Profile	Element	Trident	Gecko	WebKit	KSVG	Presto	Prince XML	Amaya	Adobe SVG Viewer	Batik	Renesis
Marker Module
Full	`marker`	5.0^{[t 1]}	1.8	522	?	2.0	6.0	?	3.0	Yes	1.0
Color Profile Module
Full	`color-profile`	No	No^{[g 8]}	No^{[w 4]}	No	No	No	?	3.0	Yes	No
Gradient Module
Basic	`linearGradient`	5.0^{[t 1]}	1.8	522	Yes	1.0	6.0	?	1.0	Yes	0.5
	`radialGradient`					2.0	6.0	?
	`stop`					1.0	?	?
Pattern Module
Basic	`pattern`	5.0^{[t 1]}	1.9	522	Yes	2.0	?	?	2.0	Yes	0.5
Clip Module
Basic	`clipPath`	5.0^{[t 1]}	1.8	Mostly^{[w 5]}	?	2.0	?	?	1.0	Yes	0.6
Mask Module
Basic	`mask`	5.0^{[t 1]}	1.9	522	?	2.0	?	?	1.0	Yes	No
Filter Module
Basic	`feBlend`	5.0^{[t 1]}	1.9	Nightly build^{[w 6]}	?	2.0	No	?	1.0	Yes	No
	`feColorMatrix`				?			?
	`feComponentTransfer`				?			?
	`feComposite`				?			?
	`feFlood`				?			?
	`feGaussianBlur`				?			?
	`feImage`				?			?
	`feMerge`				?			?
	`feOffset`				?			?
	`feTile`				?			?
Full	`filter`			Nightly build^{[w 6]}	?			?
	`feConvolveMatrix`			Nightly build^{[w 7]}	?			?
	`feDiffuseLighting`			Nightly build^{[w 8]}	?			?
	`feDisplacementMap`			Nightly build^{[w 6]}	?			?
	`feMergeNode`				?			?
	`feMorphology`				?			?
	`feSpecularLighting`			Nightly build^{[w 9]}	?			?
	`feTurbulence`			Nightly build^{[w 10]}	?			?
	`feDistantLight`			No	?			?
	`fePointLight`				?			?
	`feSpotLight`				?			?
	`feFuncR`			Nightly build^{[w 6]}	?			?
	`feFuncG`				?			?
	`feFuncB`				?			?
	`feFuncA`				?			?
Profile	Element	Trident	Gecko	WebKit	KSVG	Presto	Prince XML	Amaya	Adobe SVG Viewer	Batik	Renesis
Cursor Module
Full	`cursor`	5.0^{[t 1]}	No^{[g 9]}	Partial	?	No	?	?	No	Yes	0.6
Hyperlinking Module
Tiny	`a`	Yes	1.8	522	Yes	1.0	5.1	8.2	1.0	Yes	0.6
View Module
Basic	`view`	No	No^{[g 10]}	Partial	?	2.0	?	?	3.0	Yes	No
Scripting Module
Tiny	`script`	Yes	1.8	522	?	2.0	?	?	1.0	Yes	0.5
Animation Module
Tiny	`animate`	No	2.0^{[g 11]}	No	Yes	2.0	No	Yes	1.0	Yes	No
	`set`		2.0^{[g 11]}	Partial	Yes
	`animateMotion`		2.0^{[g 12]}		No
	`animateTransform`		2.0^{[g 11]}		No
	`animateColor (deprecated)`		No^{[g 13]}		Yes
	`mpath`		2.0^{[g 12]}	522	?			?	2.0
Font Module
Tiny	`font`	No	No^{[g 14]}	Yes	?	2.0	?	?	2.0	Yes	1.0
	`font-face`				?	1.0	?	?			Dropped^{[note 7]}
	`glyph`				?		?	?			1.0
	`missing-glyph`				?		?	?			1.0
Full	`hkern`			Nightly build^{[w 11]}	?	2.0	?	?			No
	`vkern`			Nightly build^{[w 12]}	?	2.0	?	?
	`font-face-src`			Yes	?	No	?	?	No
	`font-face-uri`				?	2.0	?	?
	`font-face-format`				?	No	?	?		No
	`font-face-name`				?	No	?	?		Yes
Extensibility Module
Full	`foreignObject`	No	1.9	522	?	2.0	No	7.2	No	No	No
Profile	Element	Trident	Gecko	WebKit	KSVG	Presto	Prince XML	Amaya	Adobe SVG Viewer	Batik	Renesis

[edit] 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.^{[k 1]}
^ <img> — WebKit does not render the image if its size is given in relative units.^{[w 1]}
^ <embed>, <object> — WebKit does not scale the image properly if its size is given in relative units.^{[w 2]}
^ <embed>, <object> — KSVG does not scale the image properly if its size is given in relative units.
^ <embed> — Presto does not scale the image properly if its size is given in relative units.
^ list-style-image — WebKit does render the image if its size is given in relative units.^{[w 1]}
^ Renesis 0.7 supports that feature, but because of the rewrite of the plugin Renesis 1.0 doesn't support this any longer.^[1]

[edit] References

[edit] Trident references

^ ^a ^b ^c ^d ^e ^f ^g ^h ⁱ ^j ^k Yu, Jennifer (2010-03-18), SVG in IE9 Roadmap, Microsoft, http://blogs.msdn.com/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx
^ ^a ^b ^c Internet Explorer 9 Preview Builds, Microsoft, http://msdn.microsoft.com/en-us/ie/ff468705.aspx

[edit] Gecko references

[edit] WebKit references

[edit] KHTML references

^ See http://svg.kde.org/. KSVG seems to be inactive as of 2007^[update].

[edit] Other references

^ Renesis support notes, Examotion GmbH, http://download.examotion.com/pub/exa/player/1.x/1.1/pdf/RENESIS_TECHNICAL.pdf, retrieved 2008-08-04

"Batik Implementation Status". http://xmlgraphics.apache.org/batik/status.html. Retrieved January 11, 2008.
"Mozilla SVG Project". Mozilla + SVG Status. http://www.mozilla.org/projects/svg/status.html. Retrieved May 1, 2005.
"SVG support in Opera 9". http://opera.com/docs/specs/opera9/svg/. Retrieved April 21, 2006.
"Prince XML 5.1 SVG Status". http://www.princexml.com/doc/5.1/svg/.
"Prince XML 6.0 SVG Status". http://www.princexml.com/doc/6.0/svg/.
"WebKit SVG Status". http://webkit.org/projects/svg/status.xml. Retrieved June 17, 2007.
"Amaya Release History". http://www.w3.org/Amaya/User/New.html.
"eSVG supported features". http://esvg.ultimodule.com/bin/esvg/templates/microsite-blank.asp?_resolutionfile=templatespath.
"Renesis 1.1 SVG support" (PDF). Examotion GmbH. http://download.examotion.com/pub/exa/player/1.x/1.1/pdf/RENESIS_TECHNICAL.pdf. Retrieved 2008-08-04.
"SVG in Firefox". https://developer.mozilla.org/en/SVG_in_Firefox. Retrieved June 11, 2009.
"SVG TODO List - Short Notes - WebKit". http://trac.webkit.org/wiki/SVG%20TODO%20List%20-%20Short%20notes.

[edit] 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

[3] 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.^{[k 1]}

[6] <img> — WebKit does not render the image if its size is given in relative units.^{[w 1]}

[8] <embed>, <object> — WebKit does not scale the image properly if its size is given in relative units.^{[w 2]}

[9] <embed>, <object> — KSVG does not scale the image properly if its size is given in relative units.

[10] <embed> — Presto does not scale the image properly if its size is given in relative units.

[12] list-style-image — WebKit does render the image if its size is given in relative units.^{[w 1]}

[34] Renesis 0.7 supports that feature, but because of the rewrite of the plugin Renesis 1.0 doesn't support this any longer.^[1]

[trident-svg-roadmap-0] ^ ^a ^b ^c ^d ^e ^f ^g ^h ⁱ ^j ^k Yu, Jennifer (2010-03-18), SVG in IE9 Roadmap, Microsoft, http://blogs.msdn.com/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx

[ie9-preview-14] Internet Explorer 9 Preview Builds, Microsoft, http://msdn.microsoft.com/en-us/ie/ff468705.aspx

[1] Bug 512501 - (svg11tests) We should pass all the W3C SVG 1.1 Full tests, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=512501

[4] Bug 276431 - external SVG not loaded from img tag, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=276431

[11] Bug 231179 - SVG images in CSS, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=231179

[13] Bug 366324 - SVG site icons (favicons, shortcut icons) support, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=366324

[16] Bug 272288 - Allow SVG source for <svg:image>, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=272288

[17] Bug 273171 - Text 'tref' not supported, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=273171

[18] Bug 456286 - should altGlyph elements fall back to behaving like tspan?, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=456286

[19] Bug 427713 - embedded color profiles in svg are ignored, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=427713

[27] Bug 177193 - Implement the 'cursor' element and the 'cursor' attribute, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=177193

[28] Bug 512525 - Implement the <view> element, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=512525

[moz-anim-29] Bug 482402 - (enablesmil) Enable "svg.smil.enabled" pref by default, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=482402

[moz-animatemotion-30] Bug 436418 - SVG SMIL: Implement "animateMotion", Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=436418

[31] Bug 436296 - SVG SMIL: implement "animateColor", Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=436296

[32] Bug 119490 - Implement SVG fonts, Mozilla, https://bugzilla.mozilla.org/show_bug.cgi?id=119490

[webkit-wh100-5] Bug 16167 - SVGs with width and height 100% fail to render when used as <img> or CSS image, WebKit, https://bugs.webkit.org/show_bug.cgi?id=16167

[7] Bug 12095 - Image (and thus SVGImage and PDFDocumentImage) need size-negotiation, WebKit, https://bugs.webkit.org/show_bug.cgi?id=12095

[15] Bug 12499 - External <use> xlink:href references do not work, WebKit, https://bugs.webkit.org/show_bug.cgi?id=12499

[20] Bug 6037 - WebKit+SVG does not support <color-profile> element, WebKit, https://bugs.webkit.org/show_bug.cgi?id=6037

[21] Bug 55361 - transform attribute for ClipPath not implemented, WebKit, https://bugs.webkit.org/show_bug.cgi?id=55361

[webkit-filters-22] Bug 32224 - Turn on (SVG) Filters support, by default., WebKit, https://bugs.webkit.org/show_bug.cgi?id=32224

[23] Bug 5861 - feConvolveMatrix filter is not implemented, WebKit, https://bugs.webkit.org/show_bug.cgi?id=5861

[24] Bug 32197 - feDiffuseLighting filter is not implemented, WebKit, https://bugs.webkit.org/show_bug.cgi?id=32197

[25] Bug 32199 - feSpecularLighting is not implemented, WebKit, https://bugs.webkit.org/show_bug.cgi?id=32199

[26] Bug 5864 - feTurbulence is not implemented, WebKit, https://bugs.webkit.org/show_bug.cgi?id=5864

[35] Bug 38407 - SVG hkern implementation incomplete, WebKit, https://bugs.webkit.org/show_bug.cgi?id=38407

[36] Bug 38663 - SVGFont's VKern implementation missing, WebKit, https://bugs.webkit.org/show_bug.cgi?id=38663

[2] See http://svg.kde.org/. KSVG seems to be inactive as of 2007^[update].

[33] Renesis support notes, Examotion GmbH, http://download.examotion.com/pub/exa/player/1.x/1.1/pdf/RENESIS_TECHNICAL.pdf, retrieved 2008-08-04

[t 1]

[g 1]

[note 1]

[g 2]

[note 2]

[note 3]

[note 4]

[note 5]

[g 3]

[note 6]

[g 4]

[t 2]

[w 3]

[g 5]

[g 6]

[g 7]

[g 8]

[w 4]

[w 5]

[w 6]

[w 7]

[w 8]

[w 9]

[w 10]

[g 9]

[g 10]

[g 11]

[g 12]

[g 13]

[g 14]

[note 7]

[w 11]

[w 12]

[k 1]

[w 1]

[w 2]

[1]

Comparison of layout engines (Scalable Vector Graphics)

Contents

[edit] Explanation of the tables

[edit] Engine nomenclature

[edit] Values

[edit] SVG version support

[edit] Embedding

[edit] SVG 1.1 support

[edit] Notes

[edit] References

[edit] Trident references

[edit] Gecko references

[edit] WebKit references

[edit] KHTML references

[edit] Other references

[edit] External links

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Interaction

Toolbox

Print/export

Scalable Vector Graphics
SXBL SVG Working Group SVG filter effects Precision Graphics Markup Language Vector Markup Language XHTML+MathML+SVG SVG animation Comparison of layout engines (SVG)
This box: view talk edit