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

Флэнаган Дэвид
Шрифт:

Конструктор

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.