html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <canvas>

В HTML 5 была реализованна возможность для создания рисунков, анимации и даже игр. Это стало возможно благодаря введению нового элемента «canvas», формирующегося парным тегом <canvas> (от англ. canvasхолст). Данный элемент создает область, в которой при помощи скриптов, в основном JavaScript, можно не только выводить изображения, но и рисовать их, трансформировать, менять свойства. Браузерами он по умолчанию воспринимается, как строчный элемент (аналогично изображениям).

Элемент «canvas» обладает всего двумя собственными атрибутами: height и width, которые как раз и определяют прямоугольную область для рисования. Сам элемент графику не рисует, он лишь является контейнером, в котором графика рисуется при помощи скриптов. Как происходит процесс рисования, мы будем рассматривать при изучении JavaScript. Пока же просто будем иметь в виду, что такая возможность в HTML 5 имеется.

Быстрый переход к другим страницам