排版引擎比较 (HTML5画布)

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

表格说明编辑

引擎命名编辑

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

排版引擎

发行版本

預覽版本

使用

Amaya

11.4.7^[1]

不適用

停止开发；Amaya

Blink

537.36

源代码^{[注 1]}

Chromium/Chrome（28+）、Opera（15+）、Yandex、Microsoft Edge（新版）

EdgeHTML

13.10586 ^[2]

不適用

Microsoft Edge（舊版）、通用Windows平台 (UWP)JavaScript应用

Gecko

標準版	77.0.1（2018年8月8日，5年前（2018-08-08）^[3]）
延長支持版（ESR）	68.9.0（2018年6月26日，5年前（2018-06-26）^[4]）

Beta及开发者版	125.0b9^[5] （2024年4月5日）
Nightly	126.0a1^[6] （2024年3月18日）

所有Mozilla软件，包括Firefox；SeaMonkey和Galeon；Camino；K-Meleon；Flock（至2.x版本）；Debian IceWeasel；GNU IceCat（前身为GNU IceWeasel）；Cyberfox；Icedove、Iceape与Iceowl；Firefox for mobile（"Fennec"）

KHTML

4.12.3^[7]

不適用

Konqueror^{[注 2]}

Presto

2.12.388

不適用

停止开发；Opera与Opera Mobile现在使用Blink；任天堂DS & DSi浏览器；Internet Channel

Tasman

（Mac版IE 5.2.3）

不適用

2003年停止开发；Mac OS X版Internet Explorer 5以上

Trident

7.0（IE 11）

不適用

Internet Explorer与其他Internet Explorer shell如Maxthon（仅限Microsoft Windows 操作系统）、Windows Phone 8

WebKit

534.20

每日构建^{[注 3]}

Tizen（OS与浏览器）、Safari（桌面与移动版）、Google Chrome（28版本之前）、Maxthon 3、Shiira, iCab 4、OmniWeb 5.5+、Web、Adobe AIR、Midori, Adobe Dreamweaver CS4与CS5、Android浏览器、Palm webOS浏览器、Symbian S60浏览器、OWB（英语：Origyn Web Browser）、Steam、Rekonq、Arora、Flock (版本3以上)、RockMelt、海豚浏览器、Sleipnir、Konqueror^{[注 2]}

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

取值编辑

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

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

画布功能编辑

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

支持的上下文编辑

	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]}

画布2D渲染上下文编辑

	Trident^{[t 2]}	Gecko^{[g 3]}	WebKit^{[w 3]}	Presto^{[p 2]}^{[p 3]}
画布状态
`save`	5.0	1.8	是	2.0
`restore`	5.0	1.8	是	2.0
转换
`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`	5.0	1.8	是	2.0
颜色与样式
`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]}		2.6^{[注 2]}

注释编辑

^ Presto 2.0部分支持此属性。
^ ^2.0 ^2.1 ^2.2 Opera 9.5（Presto 2.1）支持此功能，但Presto 2.1.1至2.5的支持表格表明该属性不被支持。
^ Presto 2.4之前仅部分支持此属性。
^ 在Gecko 1.8中显示不正确。
^ Gecko在1.9中以不同的名字加入了实验性支持。^{[g 7]}

参考文献编辑

Trident参考编辑

^ Introducing IE11: The Best Way to Experience the Web on Modern Touch Devices. Microsoft. [8 November 2013]. （原始内容于2013-07-26）.
^ , （原始内容存档于2010年4月19日）

Gecko参考编辑

^ 存档副本. [2016-02-06]. （原始内容于2012-05-02）.
^ WebGL - MDC, Mozilla, [2016-02-06], （原始内容于2010-06-26）
^ Canvas tutorial - MDC, [2016-02-06], （原始内容于2012-08-03）
^ Bug 310682 - Implement shadows for <html:canvas>, Mozilla, [2016-02-06], （原始内容于2021-03-08）
^ Bug 333613 – update canvas on branch, Mozilla, [2016-02-06], （原始内容于2021-03-08）
^ Bug 540456 - Support HTML5 canvas drawFocusRing(), Mozilla, [2016-02-06], （原始内容于2021-03-08）
^ Bug 436904 - implementing Canvas text spec, Mozilla, [2016-02-06], （原始内容于2021-03-08）
^ Bug 433004 - Support canvas.getContext("2d").createImageData(), Mozilla, [2016-02-06], （原始内容于2021-03-09）
^ ^9.0 ^9.1 ^9.2 Pixel manipulation with canvas - MDC, [2016-02-06], （原始内容于2012-05-01）
^ Bug 498826 - canvas putImageData doesn't implement optional arguments, Mozilla, [2016-02-06], （原始内容于2021-03-09）

Webkit参考编辑

^ WebKit DOM Programming Topics: Using the Canvas, [2016-02-06], （原始内容于2010-08-18）
^ Marrin, Chris, WebGL Now Available in WebKit Nightlies, Surfin' Safari, 2009-10-19 [2016-02-06], （原始内容于2017-02-22）
^ WebKit DOM reference - CanvasRenderingContext2D, [2016-02-06], （原始内容于2009-10-11）

Presto参考编辑

^ Opera Desktop Team Blog, [2016-02-06], （原始内容于2011-10-15）
^ , [2016-02-06], （原始内容存档于2016-01-31）
^ , [2016-02-06], （原始内容存档于2016-03-03）
^ , [2016-02-06], （原始内容存档于2016-03-03）
^ , [2016-02-06], （原始内容存档于2016-03-04）
^ , [2016-02-06], （原始内容存档于2016-03-04）
^ , [2016-02-06], （原始内容存档于2011-02-13）

其他参考编辑

^ Amaya Binary Releases, Most recent download link in stable
^ Change log between EdgeHTML 12.10240 and 13.10586
^ Firefox 77.0.1, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金會. 2020-06-03.
^ Firefox ESR 68.9.0, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金會. 2020-06-02.
^ Index of /pub/firefox/releases/125.0b9/. 2024年4月8日 [2024年4月8日] （英語）.
^ Firefox Nightly 126.0a1, See All New Features, Updates and Fixes. 2024年3月18日 [2024年3月19日] （英語）.
^ Download for kdelibs, Most recent download link in stable

外部链接编辑

HTML Canvas 2D Context. W3C. 2014-08-21 [2015-01-09]. （原始内容于2021-03-11）.

[2] romium / chromium/blink. chromium.googlesource.com. Google. [2014-05-27].

[switch-9] 2.0 ^2.1 在Konqueror中，用户可以切换排版引擎。

[10] WebKit Nightly Builds. webkit.org. [2014-05-27].

[13] Presto 2.0部分支持此属性。

[presto-dropped-and-recovered-23] 2.0 ^2.1 ^2.2 Opera 9.5（Presto 2.1）支持此功能，但Presto 2.1.1至2.5的支持表格表明该属性不被支持。

[presto-shadow-28] Presto 2.4之前仅部分支持此属性。

[29] 在Gecko 1.8中显示不正确。

[33] Gecko在1.9中以不同的名字加入了实验性支持。^{[g 7]}

[14] Introducing IE11: The Best Way to Experience the Web on Modern Touch Devices. Microsoft. [8 November 2013]. （原始内容于2013-07-26）.

[18] , （原始内容存档于2010年4月19日）

[11] 存档副本. [2016-02-06]. （原始内容于2012-05-02）.

[15] WebGL - MDC, Mozilla, [2016-02-06], （原始内容于2010-06-26）

[19] Canvas tutorial - MDC, [2016-02-06], （原始内容于2012-08-03）

[27] Bug 310682 - Implement shadows for <html:canvas>, Mozilla, [2016-02-06], （原始内容于2021-03-08）

[30] Bug 333613 – update canvas on branch, Mozilla, [2016-02-06], （原始内容于2021-03-08）

[31] Bug 540456 - Support HTML5 canvas drawFocusRing(), Mozilla, [2016-02-06], （原始内容于2021-03-08）

[32] Bug 436904 - implementing Canvas text spec, Mozilla, [2016-02-06], （原始内容于2021-03-08）

[34] Bug 433004 - Support canvas.getContext("2d").createImageData(), Mozilla, [2016-02-06], （原始内容于2021-03-09）

[gecko-pixel-canvas-35] 9.0 ^9.1 ^9.2 Pixel manipulation with canvas - MDC, [2016-02-06], （原始内容于2012-05-01）

[37] Bug 498826 - canvas putImageData doesn't implement optional arguments, Mozilla, [2016-02-06], （原始内容于2021-03-09）

[12] WebKit DOM Programming Topics: Using the Canvas, [2016-02-06], （原始内容于2010-08-18）

[16] Marrin, Chris, WebGL Now Available in WebKit Nightlies, Surfin' Safari, 2009-10-19 [2016-02-06], （原始内容于2017-02-22）

[20] WebKit DOM reference - CanvasRenderingContext2D, [2016-02-06], （原始内容于2009-10-11）

[17] Opera Desktop Team Blog, [2016-02-06], （原始内容于2011-10-15）

[21] , [2016-02-06], （原始内容存档于2016-01-31）

[22] , [2016-02-06], （原始内容存档于2016-03-03）

[24] , [2016-02-06], （原始内容存档于2016-03-03）

[25] , [2016-02-06], （原始内容存档于2016-03-04）

[26] , [2016-02-06], （原始内容存档于2016-03-04）

[36] , [2016-02-06], （原始内容存档于2011-02-13）

[1] Amaya Binary Releases, Most recent download link in stable

[3] Change log between EdgeHTML 12.10240 and 13.10586

[77.0.1-4] Firefox 77.0.1, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金會. 2020-06-03.

[68.9.0esr-5] Firefox ESR 68.9.0, See All New Features, Updates and Fixes. mozilla.org. Mozilla基金會. 2020-06-02.

[wikidata-676374bb2c6d325a61a797396a2e13f16deaf521-v3-6] Index of /pub/firefox/releases/125.0b9/. 2024年4月8日 [2024年4月8日] （英語）.

[wikidata-15bf1281b44bc2bdb26e798357293d7c878771bf-v3-7] Firefox Nightly 126.0a1, See All New Features, Updates and Fixes. 2024年3月18日 [2024年3月19日] （英語）.

[8] Download for kdelibs, Most recent download link in stable

[1]

[注 1]

[2]

[3]

[4]

[5]

[6]

[7]

[注 2]

[注 3]

[g 1]

[w 1]

[注 1]

[t 1]

[g 2]

[w 2]

[p 1]

[t 2]

[g 3]

[w 3]

[p 2]

[p 3]

[注 2]

[p 4]

[p 5]

[p 6]

[g 4]

[注 3]

[注 4]

[g 5]

[g 6]

[注 5]

[g 8]

[g 9]

[p 7]

[g 10]

[g 7]

www.wiki2.zh-cn.nina.az

排版引擎比较 (HTML5画布)

目录

表格说明编辑

引擎命名编辑

取值编辑

画布功能编辑

支持的上下文编辑

画布2D渲染上下文编辑

注释编辑

参考文献编辑

Trident参考编辑

Gecko参考编辑

Webkit参考编辑

Presto参考编辑

其他参考编辑

外部链接编辑

李养白

李允傑

李元石

李元瑞

李元谅墓

李兆瑞

李光祖

李光章

李光准

李光前自然历史博物馆

Live 8

Live Earth上海演唱会

Live is so much better with Music Eason Chan Charity Concert 音樂會

Livehouse

Lizzie的天空

文章

表格说明 编辑

引擎命名 编辑

取值 编辑

画布功能 编辑

支持的上下文 编辑

画布2D渲染上下文 编辑

注释 编辑

参考文献 编辑

Trident参考 编辑

Gecko参考 编辑

Webkit参考 编辑

Presto参考 编辑

其他参考 编辑

外部链接 编辑

文章

表格说明编辑

引擎命名编辑

取值编辑

画布功能编辑

支持的上下文编辑

画布2D渲染上下文编辑

注释编辑

参考文献编辑

Trident参考编辑

Gecko参考编辑

Webkit参考编辑

Presto参考编辑

其他参考编辑

外部链接编辑