Canvas (HTML)

Canvas (англ. canvas — «холст», рус. канва́с) — элемент HTML5, предназначенный для создания растрового двухмерного изображения при помощи скриптов, на языке JavaScript^[1]. Начало отсчёта блока находится слева сверху. От него и строится каждый элемент блока^[2]. Размер пространства координат не обязательно отражает размер фактической отображаемой площади^[2]. По умолчанию его ширина равна 300 пикселям, а высота 150^[2].

Используется, как правило, для отрисовки графиков для статей и игрового поля в некоторых браузерных играх. Но также может использоваться для встраивания видео в страницу и создания полноценного плеера.

Используется в WebGL для аппаратного ускорения 3D-графики^[3].

Компанией Google была выпущена JavaScript-библиотека explorercanvas Архивировано 11 февраля 2013 года., которая позволяла работать с Canvas в браузерах IE7 и IE8.

Canvas может усложнить задачу роботам по распознаванию Капчи. При использовании canvas с сервера загружается не картинка, а набор точек (или алгоритм прорисовки), по которым браузер прорисовывает картинку (капчу)^[4].

1. ↑ Руководство по Canvas (MDN)  (неопр.). Дата обращения: 23 марта 2015. Архивировано 30 марта 2015 года.
2. ↑ ^{1 2 3} 4.12.4 The canvas element — HTML Standard  (неопр.). Архивировано 27 апреля 2009 года.
3. ↑ Canvas (MDN)  (неопр.). Дата обращения: 23 марта 2015. Архивировано 25 марта 2015 года.
4. ↑ Пример построения капчи по точкам Архивировано 19 декабря 2013 года.