Сравнение браузерных движков (HTML5 Canvas)

HTML

HTML и HTML5 Динамический HTML XHTML XHTML Mobile Profile и CHTML Canvas Кодировки символов Document Object Model Семейство шрифтов Редактор HTML Элементы HTML Мнемоники в HTML Фреймы HTML HTML5 audio и HTML5 video Скрипты в HTML Браузерный движок Quirks mode Таблицы стилей Каскадные таблицы стилей Unicode и HTML W3C и WHATWG Цвета HTML Web Storage WebGL Сравнение языков разметки документов браузеров браузерных движков для HTML HTML5 HTML5 Canvas HTML5 Media XHTML (1.1)

В приведенных ниже таблицах сравнивается поддержка 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

	Trident	Gecko	WebKit	Presto
getContext	5.0	1.8	Да	2.0
toDataURL		1.8[g 1]	Да[w 1]	2.1[note 1]

Поддержка контекстов

	Trident	Gecko	WebKit	Presto
2d	5.0	1.9.1	Частично	2.6
WebGL	Нет	Частично[g 2]	Experimental	2.9.220[p 1]

Рендеринг 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

Примечания

1. ↑ Presto 2.0 имел частичную поддержку для этого свойства.
2. ↑ ^{1 2 3} Заявлено что данные свойства Canvas поддерживаются начиная с Opera 9.5(Presto 2.1), но таблицы Presto версий 2.1.1 до 2.5 говорят об обратном.
3. ↑ До версии 2.4, Presto имел только частичную поддержку для этого свойства.
4. ↑ Неправильно в Gecko 1.8
5. ↑ В Gecko была экспериментальная поддержка в версии 1.9, с разными именами^{[g 6]}

Ссылки

Trident

Gecko

1. ↑ canvas - MDN
2. ↑ «WebGL - MDC», Mozilla, <https://developer.mozilla.org/en/WebGL> 
3. ↑ «Bug 310682 - Реализация тени для <html:canvas>», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=310682> 
4. ↑ «Bug 333613 – Обновление холста на ветви», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=333613> 
5. ↑ «Bug 540456 - Поддержка HTML5 canvas drawFocusRing()», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=540456> 
6. ↑ «Bug 436904 - реализация спецификации Canvas текст (eng.)», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=436904> 
7. ↑ «Bug 433004 - Поддержка canvas.getContext("2d").createImageData()», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=433004> 
8. ↑ ^{1 2 3} «Манипуляции с пикселями холста (eng.) - MDC», <https://developer.mozilla.org/en/html/canvas/pixel_manipulation_with_canvas> 
9. ↑ «Bug 498826 - Сanvas putImageData не реализует дополнительные аргументы», Mozilla, <https://bugzilla.mozilla.org/show_bug.cgi?id=498826> 

Webkit

1. ↑ «WebKit DOM Programming Topics: Using the Canvas», <http://developer.apple.com/safari/library/documentation/appleapplications/conceptual/SafariJSProgTopics/Tasks/Canvas.html> 

Presto

1. ↑ «Opera Desktop Team Blog», <http://my.opera.com/desktopteam/blog/2011/10/13/introducing-opera-12-alpha> 
2. ↑ «Presto 2.1.1 таблица поддержки холста», <http://www.opera.com/docs/specs/presto211/canvas/> 
3. ↑ «Presto 2.5 таблица поддержки холста», <http://www.opera.com/docs/specs/presto25/canvas/> 
4. ↑ «Presto 2.6 таблица поддержки холста», <http://www.opera.com/docs/specs/presto26/canvas/> 
5. ↑ «Веб спецификации поддержки в Opera Presto 2.7», <http://www.opera.com/docs/specs/presto27/#changes>