下表比较了HTML5画布元素对绘图API的支持及网页浏览器的原生支持程度,无任何插件、附加组件或ECMAScript工作区。
表格说明
引擎命名
这里使用后端的引擎名而不是浏览器的名称。使用各浏览器引擎的浏览器如下表所示。
取值
以下各格的颜色表示该排版引擎的最新版本或指定版本(如果给出版本号的话)对该功能的支援程度。没有取值的版本号表示该排版引擎首次完全支援该功能。
取值
|
含义
|
是
|
表示该排版引擎完全地支援该功能或元素。
|
否
|
表示该功能或元素尚未有支援。
|
部份
|
表示该功能或元素有实作进展,但并不支援所有取值,对于已支援的取值,该实作是正确的。
|
不正确
|
表示该功能或元素有实作进展,但是实作并非在所有情况都是正确无误的。
|
实验性质
|
表示该功能或元素有实作进展,但是使用另外的属性或元素名(浏览器前辍)。多半是不完全实作或是有过多的漏洞。
|
抛弃
|
表示该属性/元素不再受到支持。
|
每日构建
|
表示该功能或元素在未释出的版本有某种程度的支援。预期将有完整支援。
|
依情况
|
表示该属性/元素仅在某些平台支持或设定在某些配置后支持。
|
画布功能
支持的上下文
画布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]
|
注释
- ^ 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]
参考文献
- ^ 存档副本. [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)
- ^ Opera Desktop Team Blog, [2016-02-06], (原始内容存档于2011-10-15)
- ^ Opera 9 canvas support, [2016-02-06], (原始内容存档于2016-01-31)
- ^ Opera 9.5 canvas support, [2016-02-06], (原始内容存档于2016-03-03)
- ^ Presto 2.1.1 canvas support table, [2016-02-06], (原始内容存档于2016-03-03)
- ^ Presto 2.5 canvas support table, [2016-02-06], (原始内容存档于2016-03-04)
- ^ Presto 2.6 canvas support table, [2016-02-06], (原始内容存档于2016-03-04)
- ^ Web specifications support in Opera Presto 2.7 - Core Milestone additions since Opera Presto 2.6, [2016-02-06], (原始内容存档于2011-02-13)
其他参考
外部链接