JavaScript. Подробное руководство, 6-е издание, стр. 497

Конструктор

new Image([unsigned long width, unsigned long height])

Как и любой другой HTML-элемент, новый объект

Image

можно создать с помощью метода

document.createElement()

. Однако по историческим причинам клиентский JavaScript также определяет конструктор

Image(),

позволяющий сделать то же самое. Если указаны аргументы

width

и/или

height

, их значения будут присвоены атрибутам

width

height

тега

<img>.

Свойства

Помимо свойств, перечисленных ниже, элементы

Image

также предоставляют свойства, соответствующие HTML-атрибутам

alt, usemap, ismap

readonly boolean complete

Значение true, если свойство

src

не было определено или изображение было загружено полностью, в противном случае - false.

unsigned long height

Высота области на экране в CSS-пикселах, в которой отображается данное изображение. Изменение значения этого свойства приводит к изменению высоты изображения на экране.

readonly unsigned long naturalHeight 

Высота самого изображения.

readonly unsigned long naturalWidth

Ширина самого изображения.

string src

URL-адрес изображения. Присваивание значения этому свойству вынуждает броузер загрузить указанное изображение. Если объект

Image

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

unsigned long width

Ширина области на экране в CSS-пикселах, в которой отображается данное изображение. Изменение значения этого свойства приводит к изменению ширины изображения на экране.

ImageData

массив пикселов в элементе <canvas>

Объект

ImageData

хранит красную, зеленую и синюю составляющие, а также уровень прозрачности для каждого пиксела в прямоугольной области. Получить объект

ImageData

можно с помощью метода

createlmageData()

или

getlmageData()

объекта

CanvasRenderingContext2D

из тега

<canvas>.

Свойства

width

height

определяют размеры прямоугольника в пикселах. Свойство

data

- это массив, хранящий информацию о пикселах. Пикселы размещаются в массиве

data[]

в направлении слева направо и сверху вниз. Каждый пиксел состоит из четырех байт, представляющих компоненты R, G, В и А, именно в этом порядке. Таким образом, получить доступ к компонентам цвета пиксела с координатами (х,у) внутри объекта

ImageData

можно так:

var offset = (х + y*image.width) * 4;

var red = image.data[offset];

var green = image.data[offset+1];

var blue = image.data[offset+2];

var alpha = image.data[offset+3];

Массив

data[]

не является истинным массивом - это объект, подобный массиву, оптимизированный для хранения целочисленных элементов со значениями в диапазоне от 0 до 255. Элементы массива доступны для чтения и записи, но свойство

length

массива имеет фиксированное значение. Для любого объекта і типа

ImageData

значение свойства

i.data.length

всегда будет равно значению выражения

i.width * і.height * 4

Свойства

readonly byte[] data

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

readonly unsigned long height

Количество строк пикселов изображения в массиве

data

readonly unsigned long width

Количество пикселов в строке изображения, в массиве

data

Input

HTML-элемент <input> (Node, Element, FormControl)

Объект Input представляет HTML-тег

<input>

. Его внешний вид и поведение определяется атрибутом type: элемент Input может представлять, например, простое текстовое поле ввода, флажок, радиокнопку, простую кнопку или элемент выбора файла. Так как элемент

<input>

может представлять самые разные элементы форм, объект

Input

является одним из самых сложных. Краткий обзор HTML-форм и их элементов приводится в разделе 15.9. Обратите внимание, что некоторые из важных свойств объекта Input (такие как type, value, name и form) описываются в справочной статье FormControl.

Свойства

Помимо свойств, перечисленных ниже, объекты

Input

также поддерживают все свойства, определенные в объектах

Element

FormControl

. Свойства в этом списке, помеченные звездочкой, являются новыми, введенными спецификацией HTML5, и на момент написания этих строк они были реализованы не во всех броузерах.

string accept

Если свойство

type

имеет значение «file», это свойство содержит список МІМЕ-типов, разделенных запятыми, определяющих типы файлов, которые могут быть выбраны. Допустимыми являются также строки «audio/*», «video/*» и «image/*». Соответствует атрибуту accept.