Comparison of layout engines (HTML5 Canvas)
Encyclopedia
The following tables compare support for the drawing APIs of the Canvas element, a feature of HTML5. These tables compare native support by web browsers, without any plugins, add-ons or ECMAScript
workaround
s.
ECMAScript
ECMAScript is the scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known dialects such as JavaScript, JScript, and ActionScript.- History :JavaScript...
workaround
Workaround
A workaround is a bypass of a recognized problem in a system. A workaround is typically a temporary fix that implies that a genuine solution to the problem is needed...
s.
Canvas functions
| 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... |
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... |
|
|---|---|---|---|---|
getContext |
rowspan="2" | |||
toDataURL |
https://developer.mozilla.org/en/HTML/Element/canvas | Presto 2.0 had partial support for this property. |
Supported contexts
| 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... |
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... |
|
|---|---|---|---|---|
2d |
||||
| WebGL WebGL WebGL is a software library that extends the capability of the JavaScript programming language to allow it to generate interactive 3D graphics within any compatible web browser... |
2.9.220 |
Canvas Rendering Context 2D
| 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... |
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... |
|
|---|---|---|---|---|
| The canvas state | ||||
save |
rowspan="2" | rowspan="2" | rowspan="2" | rowspan="2" |
restore |
||||
| Transformations | ||||
scale |
rowspan="5" | rowspan="5" | rowspan="5" | rowspan="3" |
rotate |
||||
translate |
||||
transform |
Opera 9.5(Presto 2.1) support table claims support for this, but support tables for Presto 2.1.1 up to 2.5 indicate that this property is not supported. | |||
setTransform |
||||
| Compositing | ||||
globalAlpha |
rowspan="2" | rowspan="2" | rowspan="2" | rowspan="2" |
globalCompositeOperation |
||||
| Colors and styles | ||||
strokeStyle |
rowspan="5" | rowspan="5" | rowspan="5" | rowspan="5" |
fillStyle |
||||
createLinearGradient |
||||
createRadialGradient |
||||
createPattern |
||||
| Line styles | ||||
lineWidth |
rowspan="4" | rowspan="4" | rowspan="4" | rowspan="4" |
lineCap |
||||
lineJoin |
||||
miterLimit |
||||
| Shadows | ||||
shadowOffsetX |
rowspan="4" | rowspan="4" | rowspan="4" | rowspan="4" Prior to version 2.4, Presto only had partial support for this property. |
shadowOffsetY |
||||
shadowBlur |
||||
shadowColor |
||||
| Simple shapes | ||||
clearRect |
rowspan="3" | rowspan="3" | rowspan="3" | rowspan="3" |
fillRect |
||||
strokeRect |
||||
| Complex shapes | ||||
beginPath |
rowspan="13" | rowspan="4" | rowspan="13" | rowspan="13" |
closePath |
||||
moveTo |
||||
lineTo |
||||
quadraticCurveTo |
Incorrect in Gecko 1.8 | |||
bezierCurveTo |
||||
arcTo |
||||
rect |
rowspan="6" | |||
arc |
||||
fill |
||||
stroke |
||||
clip |
||||
isPointInPath |
||||
| Focus management | ||||
drawFocusRing |
||||
| Text | ||||
font |
rowspan="6" | rowspan="6" | rowspan="6" | |
textAlign |
rowspan="5" | |||
textBaseline |
||||
fillText |
||||
strokeText |
||||
measureText |
||||
| Images | ||||
drawImage |
rowspan="4" | rowspan="4" | ||
createImageData |
||||
getImageData |
rowspan="2" | |||
putImageData |
||||