排版引擎比较 (HTML5画布)

下表比较了HTML5 画布元素对绘图API的支持及网页浏览器的原生支持程度，无任何插件、附加组件或ECMAScript工作区。

表格说明

這裡使用後端的引擎名而不是瀏覽器的名稱。使用各瀏覽器引擎的瀏覽器如下表所示。

更多信息 排版引擎, 发行版本 ...

[注 1]
chromium / chromium/blink. chromium.googlesource.com. Google. [2014-05-27].
[注 2]
在Konqueror中，用户可以切换排版引擎。
[注 3]
WebKit Nightly Builds. webkit.org. [2014-05-27].

Remove ads

以下各格的顏色表示該排版引擎的最新版本或指定版本（如果给出版本号的话）對該功能的支援程度。没有取值的版本號表示该排版引擎首次完全支援該功能。

更多信息 取值, 含义 ...

取值	含义
是	表示該排版引擎完全地支援該功能或元素。
否	表示該功能或元素尚未有支援。
部份	表示該功能或元素有實作進展，但並不支援所有取值，對於已支援的取值，該實作是正確的。
不正確	表示該功能或元素有實作進展，但是實作並非在所有情況都是正確無誤的。
實驗性質	表示該功能或元素有實作進展，但是使用另外的屬性或元素名（瀏覽器前輟）。多半是不完全實作或是有過多的漏洞。
抛弃	表示该属性/元素不再受到支持。
每日构建	表示該功能或元素在未釋出的版本有某種程度的支援。預期將有完整支援。
依情況	表示该属性/元素仅在某些平台支持或设定在某些配置后支持。

更多信息 Trident, Gecko ...

	Trident	Gecko	WebKit	Presto
`getContext`	5.0	1.8	是	2.0
`toDataURL`	1.8^{[g 1]}	是^{[w 1]}	2.1^{[注 1]}

更多信息 Trident, Gecko ...

	Trident	Gecko	WebKit	Presto
`2d`	5.0	1.9.1	部份	2.6
WebGL	7.0^{[t 1]}	依情況^{[g 2]}	依情況^{[w 2]}	2.9.220^{[p 1]}

更多信息 Trident[t 2], Gecko[g 3] ...

	Trident^{[t 2]}	Gecko^{[g 3]}	WebKit^{[w 3]}	Presto^{[p 2]}^{[p 3]}
画布状态
`save`	5.0	1.8	是	2.0
`restore`
转换
`scale`	5.0	1.8	是	2.0
`rotate`
`translate`
`transform`	2.6^{[注 2]}^{[p 4]}^{[p 5]}^{[p 6]}
`setTransform`	2.6^{[注 2]}
合成
`globalAlpha`	5.0	1.8	是	2.0
`globalCompositeOperation`
颜色与样式
`strokeStyle`	5.0	1.8	是	2.0
`fillStyle`
`createLinearGradient`
`createRadialGradient`
`createPattern`
线条样式
`lineWidth`	5.0	1.8	是	2.0
`lineCap`
`lineJoin`
`miterLimit`
阴影
`shadowOffsetX`	5.0	1.9.1^{[g 4]}	是	2.4^{[注 3]}
`shadowOffsetY`
`shadowBlur`
`shadowColor`
简单形状
`clearRect`	5.0	1.8	是	2.0
`fillRect`
`strokeRect`
复杂形状
`beginPath`	5.0	1.8	是	2.0
`closePath`
`moveTo`
`lineTo`
`quadraticCurveTo`	1.8.1^{[注 4]}
`bezierCurveTo`	1.8
`arcTo`	1.8.1^{[g 5]}
`rect`	1.8
`arc`
`fill`
`stroke`
`clip`
`isPointInPath`
集中管理
`drawFocusRing`	否	28.0^{[g 6]}	否	否
文本
`font`	5.0	1.9.1^{[注 5]}	是	否
`textAlign`	2.6
`textBaseline`
`fillText`
`strokeText`
`measureText`
图像
`drawImage`	5.0	1.8	是	2.0
`createImageData`	1.9.1^{[g 8]}^{[g 9]}	2.7^{[p 7]}
`getImageData`	1.9^{[g 9]}	2.6^{[注 2]}
`putImageData`	2.0^{[g 10]}^{[g 9]}