В приведенных ниже таблицах сравнивается поддержка API рисования элемента Canvas, являющегося особенностью HTML5. Эти таблицы отображают уровень поддержки веб-браузерами без использования дополнительных плагинов, расширений и заплаток на ECMAScript.
Пояснения к таблицам [править]
Классификация движков [править]
В данной таблице перечисляется список веб-браузеров использующих основные движки:
| Движок |
Выпущенная версия |
Предварительная версия |
Используется браузерами |
| Amaya |
11.3.1 |
11.3-pre |
Amaya |
| Gecko |
8.0 |
10.0a2 |
Все программное обеспечение Mozilla, включая Firefox; SeaMonkey и Galeon; Camino; K-Meleon; Flock (начиная с версии 2.x); Epiphany-gecko; Debian IceWeasel; GNU IceCat (раньше GNU IceWeasel); Icedove, Iceape и Iceowl; Fennec |
| Presto |
2.10.229 |
2.10.238 |
Opera; Opera Mobile, Nintendo DS & DSi Browser; Internet Channel |
| Prince |
7.1 |
Н/Д |
Prince XML |
| Tasman |
IE 5 для Maс |
нет с 2003 |
Internet Explorer 5+ для Mac OS X |
| Trident |
5.0 (IE 9) |
6.0 (IE 10) |
Internet Explorer и другие IE подобные: Maxthon (только для Microsoft Windows операционной системы), Windows Phone 7 |
| WebKit |
535.1 |
r104398 |
Safari (мобильная и настольная версии), Google Chrome, Maxthon 3, Shiira, iCab 4, OmniWeb 5.5+, Epiphany, Adobe AIR, Midori, Adobe Dreamweaver CS4 и CS5, Android браузер, Palm webOS браузер, Symbian S60 браузер, OWB, Steam, Rekonq, Arora, Flock (версия 3+), RockMelt, Konqueror |
Значения указывают на уровень поддержки в самой последней версии движка, или (если номер версии дается) в указанной версии. Номера версий без другого значения указывают версию, в которой движок впервые полностью начал поддерживать эту функцию.
| Значение |
Расшифровка (смысл) |
| Да |
Указывает, что движок полностью поддерживает это свойство / элемент при использовании допустимых значениях. |
| Нет |
Указывает, что свойство / элемент полностью игнорируются. |
| Частично |
Указывает, что свойство / элемент интерпретируется движком, но, что не все значения поддерживаются. Поддерживаемые значения реализуются правильно. |
| Experimental |
Указывает, что свойство / элемент интерпретируется движком, но поддерживается альтернативное имя. Поддержка может быть неполной или с ошибками. |
| Nightly build |
Указывает, что свойство / элемент поддерживается в некоторой степени в экспериментальной / ночные сборки. Будущая поддержка ожидается. |
Функции Canvas [править]
Поддержка контекстов [править]
Рендеринг 2D Canvas [править]
|
Trident |
Gecko |
WebKit |
Presto |
| Состояние холста |
save |
5.0 |
1.8 |
Да |
2.0 |
restore |
| Преобразования |
scale |
5.0 |
1.8 |
Да |
2.0 |
rotate |
translate |
transform |
2.6[note 2][p 2][p 3][p 4] |
setTransform |
2.6[note 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 3] |
Да |
2.4[note 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[note 4] |
bezierCurveTo |
1.8 |
arcTo |
1.8.1[g 4] |
rect |
1.8 |
arc |
fill |
stroke |
clip |
isPointInPath |
| Управление фокусом |
drawFocusRing |
Нет |
Нет[g 5] |
Нет |
Нет |
| Текст |
font |
5.0 |
1.9.1[note 5] |
Да |
Нет |
textAlign |
2.6 |
textBaseline |
fillText |
strokeText |
measureText |
| Изображения |
drawImage |
5.0 |
1.8 |
Да |
2.0 |
createImageData |
1.9.1[g 7][g 8] |
2.7[p 5] |
getImageData |
1.9[g 8] |
2.6[note 2] |
putImageData |
2.0[g 9][g 8] |
|
Trident |
Gecko |
WebKit |
Presto |
- ↑ Presto 2.0 имел частичную поддержку для этого свойства.
- ↑ 1 2 3 Заявлено что данные свойства Canvas поддерживаются начиная с Opera 9.5(Presto 2.1), но таблицы Presto версий 2.1.1 до 2.5 говорят об обратном.
- ↑ До версии 2.4, Presto имел только частичную поддержку для этого свойства.
- ↑ Неправильно в Gecko 1.8
- ↑ В Gecko была экспериментальная поддержка в версии 1.9, с разными именами[g 6]
- ↑ canvas - MDN
- ↑ «WebGL - MDC», Mozilla, <https://developer.mozilla.org/en/WebGL>
- ↑ «Bug 310682 - Реализация тени для <html:canvas>», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=310682>
- ↑ «Bug 333613 – Обновление холста на ветви», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=333613>
- ↑ «Bug 540456 - Поддержка HTML5 canvas drawFocusRing()», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=540456>
- ↑ «Bug 436904 - реализация спецификации Canvas текст (eng.)», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=436904>
- ↑ «Bug 433004 - Поддержка canvas.getContext("2d").createImageData()», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=433004>
- ↑ 1 2 3 «Манипуляции с пикселями холста (eng.) - MDC», <https://developer.mozilla.org/en/html/canvas/pixel_manipulation_with_canvas>
- ↑ «Bug 498826 - Сanvas putImageData не реализует дополнительные аргументы», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=498826>