本页使用了标题或全文手工转换

排版引擎比较 (HTML5画布)

维基百科,自由的百科全书
跳转至: 导航搜索

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

表格说明[编辑]

引擎命名[编辑]

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

排版引擎 发行版本 預覽版本 使用
Amaya 11.4.7[1] 不適用 停止开发;Amaya
Blink 537.36 源代码[注 1] Chromium/Chrome(28+)、Opera(15+)、Yandex英语Yandex Browser
EdgeHTML 13.10586 [2] 不適用 Microsoft Edge通用Windows平台 (UWP)JavaScript应用
Gecko 57.0.2(2017年12月7日,​9天前​(2017-12-07[3][±]
ESR

52.5.2(2017年12月7日,​9天前​(2017-12-07[4][±]

Beta

58.0 Beta 3(2017年11月14日,​32天前​(2017-11-14[5][6][±]

Nightly

59.0a1(2017年11月13日,​33天前​(2017-11-13[7],​每日发行)[±]

所有Mozilla软件,包括FirefoxSeaMonkeyGaleonCaminoK-MeleonFlock(至2.x版本);Debian IceWeaselGNU IceCat(前身为GNU IceWeasel);CyberfoxIcedoveIceapeIceowlFirefox for mobile("Fennec")
KHTML 4.12.3[8] 不適用 Konqueror[注 2]
Presto 2.12.388 不適用 停止开发;OperaOpera Mobile现在使用Blink;任天堂DS & DSi浏览器Internet Channel
Tasman (Mac版IE 5.2.3) 不適用 2003年停止开发;Mac OS XInternet Explorer 5以上
Trident 7.0(IE 11) 不適用 Internet Explorer与其他Internet Explorer shell英语Internet Explorer shellMaxthon(仅限Microsoft Windows操作系统)、Windows Phone 8
WebKit 534.20 每日构建英语nightly build[注 3] Tizen(OS与浏览器)、Safari(桌面与移动版)、Google Chrome(28版本之前)、Maxthon 3Shiira, iCab 4OmniWeb 5.5+、WebAdobe AIRMidori, Adobe Dreamweaver CS4CS5Android浏览器、Palm webOS浏览器、Symbian S60浏览器、OWB英语Origyn Web BrowserSteamRekonqAroraFlock (版本3以上)、RockMelt海豚浏览器SleipnirKonqueror[注 2]
  1. ^ chromium / chromium/blink. chromium.googlesource.com. Google. [2014-05-27]. 
  2. ^ 2.0 2.1 在Konqueror中,用户可以切换排版引擎。
  3. ^ WebKit Nightly Builds. 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. ^ 2.0 2.1 2.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参考[编辑]

Gecko参考[编辑]

Webkit参考[编辑]

Presto参考[编辑]

其他参考[编辑]

外部链接[编辑]