Comparison of layout engines (HTML5 Canvas)
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 workarounds.
Canvas functions
| |
Trident |
Gecko |
WebKit |
Presto |
|---|---|---|---|---|
|
rowspan="2" |
|||
|
Supported contexts
| |
Trident |
Gecko |
WebKit |
Presto |
|---|---|---|---|---|
|
||||
WebGL |
Canvas Rendering Context 2D
| |
Trident |
Gecko |
WebKit |
Presto |
|---|---|---|---|---|
The canvas state |
||||
|
rowspan="2" |
rowspan="2" |
rowspan="2" |
rowspan="2" |
|
||||
Transformations |
||||
|
rowspan="5" |
rowspan="5" |
rowspan="5" |
rowspan="3" |
|
||||
|
||||
|
||||
|
||||
Compositing |
||||
|
rowspan="2" |
rowspan="2" |
rowspan="2" |
rowspan="2" |
|
||||
Colors and styles |
||||
|
rowspan="5" |
rowspan="5" |
rowspan="5" |
rowspan="5" |
|
||||
|
||||
|
||||
|
||||
Line styles |
||||
|
rowspan="4" |
rowspan="4" |
rowspan="4" |
rowspan="4" |
|
||||
|
||||
|
||||
Shadows |
||||
|
rowspan="4" |
rowspan="4" |
rowspan="4" |
rowspan="4" |
|
||||
|
||||
|
||||
Simple shapes |
||||
|
rowspan="3" |
rowspan="3" |
rowspan="3" |
rowspan="3" |
|
||||
|
||||
Complex shapes |
||||
|
rowspan="13" |
rowspan="4" |
rowspan="13" |
rowspan="13" |
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
rowspan="6" |
|||
|
||||
|
||||
|
||||
|
||||
|
||||
Focus management |
||||
|
||||
Text |
||||
|
rowspan="6" |
rowspan="6" {{#tag:ref|Gecko had experimental support in version 1.9, with different names.|group=note}} |
rowspan="6" |
|
|
rowspan="5" |
|||
|
||||
|
||||
|
||||
|
||||
Images |
||||
|
rowspan="4" |
rowspan="4" |
||
|
||||
|
rowspan="2" |
|||
|
||||