Ширина фрейма в CSS-пикселах. Это свойство соответствует атрибуту
width
.
Image
тег <img> в HTML-документе (Node, Element)
Объекты
Image
встраиваются в HTML-документ в виде тегов
<img>.
Изображения, присутствующие в документе, собираются в виде массива
document.images[].
Свойство
src
объекта
Image
представляет наибольший интерес. Когда вы устанавливаете это свойство, броузер загружает и показывает изображение, заданное новым значением. Это позволяет создавать такие эффекты, как смена изображений и анимация. Соответствующие примеры приводятся в разделе 21.1.
Имеется возможность создавать невидимые объекты
Image
, добавляя новые элементы
<img>
вызовом метода
document.сreateElement
или конструктора
Image.
Обратите внимание: этот конструктор не имеет аргумента, который определял бы изображение для загрузки; чтобы загрузить изображение, достаточно просто установить свойство
src
созданного вами объекта
Image
. Чтобы фактически отобразить изображение, объект
Image
необходимо вставить в документ.
Конструктор
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.