Чтение онлайн

Это свойство соответствует HTML-атрибуту

. Для кнопок, управляющих отправкой форм, это свойство переопределяет свойство форм,

Это свойство соответствует HTML-атрибуту

. Для кнопок, управляющих отправкой форм, это свойство переопределяет свойство форм.

HTML-элемент для создания графических изображений (Node, Element)

Объект

представляет HTML-элемент Он не обладает собственным поведением, но определяет API для поддержки операций рисования. С помощью этого объекта можно задать ширину и высоту холста с помощью его свойств и , а вызовом метода из него можно извлечь изображение, но основная функциональность обеспечивается объектом «контекста», возвращаемого методом Смотрите справочную статью CanvasRenderingContext2D.

Свойства

Эти свойства соответствуют атрибутам

и тега и определяют размеры координатной плоскости холста. По умолчанию свойство имеет значение 300, a – 150.

Если размер элемента

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

Методы

Возвращает объект, посредством которого выполняется рисование в элементе

. Если передать ему строку «2d», он вернет объект , реализующий рисование на двухмерной плоскости. В этом случае не требуется передавать никаких дополнительных аргументов.

Для каждого элемента

существует только один объект , т.е. повторные вызовы будут возвращать тот же самый объект.

Спецификация HTML5 стандартизует аргумент «2d» для этого метода и не определяет других допустимых аргументов. В настоящее время разрабатывается отдельный стандарт, WebGL, для трехмерной графики. В броузерах, поддерживающих его, этому методу можно передать строку «webgl», чтобы получить объект, обеспечивающий создание трехмерных изображений.

Следует, однако, отметить, что в данной книге описывается только объект

.

Метод

возвращает растровое изображение холста в виде URL-адреса data://, который можно использовать в теге или передавать по сети. Например:

Аргумент

определяет, какой МІМЕ-тип или графический формат изображения следует использовать. Если этот аргумент отсутствует, используется значение по умолчанию «image/png». Формат PNG является единственным, который обязаны поддерживать все реализации. Чтобы получить изображение в другом формате, отличном от PNG, можно передать дополнительные аргументы, определяющие порядок кодирования. Например, если в аргументе type передается строка «image/jpeg»» во втором аргументе следует передать число в диапазоне от 0 до 1, определяющее уровень качества изображения. На момент написания этих строк никаких других аргументов стандартизовано не было.

Для предотвращения утечки информации между документами с разным происхождением метод

не будет работать с тегами которые имеют «неясное происхождение». Считается, что элемент имеет неясное происхождение, если в нем содержалось изображение (созданное непосредственно с помощью метода или косвенно, с помощью объекта ), имеющее иное происхождение, отличное от происхождения содержащего его документа. Кроме того, считается, что элемент имеет неясное происхождение, если в нем рисовался текст с использованием веб-шрифтов, имеющих иное происхождение.

цветной градиент для использования в элементе Canvas

Объект

представляет цветовой градиент, который может быть присвоен свойствам и объекта . Объект возвращается методами и объекта .