排版引擎比较 (HTML5画布)
下表比较了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)
其他参考
外部链接
|
|