Конструктор
<b>new Image([unsigned long width, unsigned long height])</b>
Как и любой другой HTML-элемент, новый объект
<b>Image</b>
можно создать с помощью метода
<b>document.createElement()</b>
. Однако по историческим причинам клиентский JavaScript также определяет конструктор
<b>Image(),</b>
позволяющий сделать то же самое. Если указаны аргументы
<b>width</b>
и/или
<b>height</b>
, их значения будут присвоены атрибутам
<b>width</b>
и
<b>height</b>
тега
<b><img>.</b>
Свойства
Помимо свойств, перечисленных ниже, элементы
<b>Image</b>
также предоставляют свойства, соответствующие HTML-атрибутам
<b>alt, usemap, ismap</b>
.
<b>readonly boolean complete</b>
Значение true, если свойство
<b>src</b>
не было определено или изображение было загружено полностью, в противном случае - false.
<b>unsigned long height</b>
Высота области на экране в CSS-пикселах, в которой отображается данное изображение. Изменение значения этого свойства приводит к изменению высоты изображения на экране.
<b>readonly unsigned long naturalHeight </b>
Высота самого изображения.
<b>readonly unsigned long naturalWidth</b>
Ширина самого изображения.
<b>string src</b>
URL-адрес изображения. Присваивание значения этому свойству вынуждает броузер загрузить указанное изображение. Если объект
<b>Image</b>
был вставлен в документ, он отобразит новое изображение.
<b>unsigned long width</b>
Ширина области на экране в CSS-пикселах, в которой отображается данное изображение. Изменение значения этого свойства приводит к изменению ширины изображения на экране.
ImageData
массив пикселов в элементе <canvas>
Объект
<b>ImageData</b>
хранит красную, зеленую и синюю составляющие, а также уровень прозрачности для каждого пиксела в прямоугольной области. Получить объект
<b>ImageData</b>
можно с помощью метода
<b>createlmageData()</b>
или
<b>getlmageData()</b>
объекта
<b>CanvasRenderingContext2D</b>
из тега
<b><canvas>.</b>
Свойства
<b>width</b>
и
<b>height</b>
определяют размеры прямоугольника в пикселах. Свойство
<b>data</b>
- это массив, хранящий информацию о пикселах. Пикселы размещаются в массиве
<b>data[]</b>
в направлении слева направо и сверху вниз. Каждый пиксел состоит из четырех байт, представляющих компоненты R, G, В и А, именно в этом порядке. Таким образом, получить доступ к компонентам цвета пиксела с координатами (х,у) внутри объекта
<b>ImageData</b>
можно так:
<b>var offset = (х + y*image.width) * 4;</b>
<b>var red = image.data[offset];</b>
<b>var green = image.data[offset+1];</b>
<b>var blue = image.data[offset+2];</b>
<b>var alpha = image.data[offset+3];</b>
Массив
<b>data[]</b>
не является истинным массивом - это объект, подобный массиву, оптимизированный для хранения целочисленных элементов со значениями в диапазоне от 0 до 255. Элементы массива доступны для чтения и записи, но свойство
<b>length</b>
массива имеет фиксированное значение. Для любого объекта і типа
<b>ImageData</b>
значение свойства
<b>i.data.length</b>
всегда будет равно значению выражения
<b>i.width * і.height * 4</b>
.
Свойства
<b>readonly byte[] data</b>
Ссылка, доступная только для чтения, на объект, подобный массиву, доступный для чтения и записи, элементами которого являются байты.
<b>readonly unsigned long height</b>
Количество строк пикселов изображения в массиве
<b>data</b>
.
<b>readonly unsigned long width</b>
Количество пикселов в строке изображения, в массиве
<b>data</b>
.
Input
HTML-элемент <input> (Node, Element, FormControl)
Объект Input представляет HTML-тег
<b><input></b>
. Его внешний вид и поведение определяется атрибутом type: элемент Input может представлять, например, простое текстовое поле ввода, флажок, радиокнопку, простую кнопку или элемент выбора файла. Так как элемент
<b><input></b>
может представлять самые разные элементы форм, объект
<b>Input</b>
является одним из самых сложных. Краткий обзор HTML-форм и их элементов приводится в разделе 15.9. Обратите внимание, что некоторые из важных свойств объекта Input (такие как type, value, name и form) описываются в справочной статье FormControl.
Свойства
Помимо свойств, перечисленных ниже, объекты
<b>Input</b>
также поддерживают все свойства, определенные в объектах
<b>Element</b>
и
<b>FormControl</b>
. Свойства в этом списке, помеченные звездочкой, являются новыми, введенными спецификацией HTML5, и на момент написания этих строк они были реализованы не во всех броузерах.
<b>string accept</b>
Если свойство
<b>type</b>
имеет значение «file», это свойство содержит список МІМЕ-типов, разделенных запятыми, определяющих типы файлов, которые могут быть выбраны. Допустимыми являются также строки «audio/*», «video/*» и «image/*». Соответствует атрибуту accept.
