排版引擎比较 (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]}