排版引擎比较 (HTML5画布)

表格说明

引擎命名

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

排版引擎 发行版本 預覽版本 使用
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日​（2018-08-08）[3]）
延長支持版（ESR）68.9.0（2018年6月26日​（2018-06-26）[4]）
Beta & Developer Edition62.0beta（2018年6月26日​（2018-06-26）[5][6]）
Nightly63.0a1（2018年6月26日​（2018-06-26）[7][8]）
 所有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[9] 不適用 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、Steam、Rekonq、Arora、Flock (版本3以上)、RockMelt、海豚浏览器、Sleipnir、Konqueror[注 2]
  1. . chromium.googlesource.com. Google. [2014-05-27].
  2. 在Konqueror中，用户可以切换排版引擎。
  3. . webkit.org. [2014-05-27].

取值

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

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

画布功能
Trident Gecko WebKit Presto
getContext 5.0 1.8 是 2.0
toDataURL 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
转换
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]

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

参考文献

Trident参考
  1. . Microsoft. [8 November 2013].
  2. , （原始内容存档于2010年4月19日）

Gecko参考
  1. https://developer.mozilla.org/en/HTML/Element/canvas
  2. , Mozilla
  4. , Mozilla
  5. , Mozilla
  6. , Mozilla
  7. , Mozilla
  8. , Mozilla
  10. , Mozilla

Webkit参考
  2. Marrin, Chris, , Surfin' Safari, 2009-10-19

Presto参考
  2. , [2016-02-06], （原始内容存档于2016-01-31）
  3. , [2016-02-06], （原始内容存档于2016-03-03）
  4. , [2016-02-06], （原始内容存档于2016-03-03）
  5. , [2016-02-06], （原始内容存档于2016-03-04）
  6. , [2016-02-06], （原始内容存档于2016-03-04）
  7. , [2016-02-06], （原始内容存档于2011-02-13）

其他参考
  1. Amaya Binary Releases, Most recent download link in stable
  2. Change log between EdgeHTML 12.10240 and 13.10586
  3. . mozilla.org. Mozilla基金會. 2020-06-03.
  4. . mozilla.org. Mozilla基金會. 2020-06-02.
  5. . 2018-06-26 [2018-06-26].
  6. . [2016-08-10].
  7. . 2018-06-26 [2018-06-26].
  8. . [2018-01-23].
  9. Download for kdelibs, Most recent download link in stable

外部链接
  • . W3C. 2014-08-21 [2015-01-09].
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.