HTML |
---|
比较 |
下表比较了HTML5画布元素对绘图API的支持及网页浏览器的原生支持程度,无任何插件、附加组件或ECMAScript工作区。
表格说明
引擎命名
这里使用后端的引擎名而不是浏览器的名称。使用各浏览器引擎的浏览器如下表所示。
- ↑ 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
|
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] |
注释
参考文献
Trident参考
- ↑ Introducing IE11: The Best Way to Experience the Web on Modern Touch Devices. Microsoft. [8 November 2013].
- ↑ Internet Explorer Platform Preview Release Notes
Gecko参考
- ↑ 存档副本. [2016-02-06].
- ↑ WebGL - MDC, Mozilla, [2016-02-06]
- ↑ Canvas tutorial - MDC, [2016-02-06]
- ↑ Bug 310682 - Implement shadows for <html:canvas>, Mozilla, [2016-02-06]
- ↑ Bug 333613 – update canvas on branch, Mozilla, [2016-02-06]
- ↑ Bug 540456 - Support HTML5 canvas drawFocusRing(), Mozilla, [2016-02-06]
- ↑ Bug 436904 - implementing Canvas text spec, Mozilla, [2016-02-06]
- ↑ Bug 433004 - Support canvas.getContext("2d").createImageData(), Mozilla, [2016-02-06]
- ↑ 9.0 9.1 9.2 Pixel manipulation with canvas - MDC, [2016-02-06]
- ↑ Bug 498826 - canvas putImageData doesn't implement optional arguments, Mozilla, [2016-02-06]
Webkit参考
- ↑ WebKit DOM Programming Topics: Using the Canvas, [2016-02-06]
- ↑ Marrin, Chris, WebGL Now Available in WebKit Nightlies, Surfin' Safari, 2009-10-19 [2016-02-06]
- ↑ WebKit DOM reference - CanvasRenderingContext2D, [2016-02-06]
Presto参考
- ↑ Opera Desktop Team Blog, [2016-02-06]
- ↑ Opera 9 canvas support, [2016-02-06]
- ↑ Opera 9.5 canvas support, [2016-02-06]
- ↑ Presto 2.1.1 canvas support table, [2016-02-06]
- ↑ Presto 2.5 canvas support table, [2016-02-06]
- ↑ Presto 2.6 canvas support table, [2016-02-06]
- ↑ Web specifications support in Opera Presto 2.7 - Core Milestone additions since Opera Presto 2.6, [2016-02-06]
其他参考
- ↑ 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.
- ↑ Firefox — Beta Notes (61.0beta) — Mozilla. 2018-06-26 [2018-06-26].
- ↑ Mozilla Firefox Web Browser — Download Firefox Beta in your language — Mozilla. [2016-08-10].
- ↑ Firefox - Notes (62.0a1) — Mozilla. 2018-06-26 [2018-06-26].
- ↑ Mozilla Firefox Web Browser — Download Firefox Nightly in your language — Mozilla. [2018-01-23].
- ↑ Download for kdelibs, Most recent download link in stable
外部链接
- HTML Canvas 2D Context. W3C. 2014-08-21 [2015-01-09].