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.
string autocomplete
Значение
true
, если броузеру разрешено предварительно заполнять этот элемент
Input
значением, сохранившимся с предыдущего сеанса. Соответствует атрибуту
autocomplete
. См. также описание свойства
autocomplete
объекта Form.
boolean checked
Для радиокнопок и флажков данное свойство указывает, является соответствующий элемент «отмеченным» или нет. Изменение этого свойства вызывает изменение визуального представления элемента ввода.
boolean defaultChecked
Для радиокнопок и флажков данное свойство хранит начальное значение атрибута checked, элемента. Когда выполняется сброс элементов формы, в свойство checked записывается значение этого свойства. Соответствует атрибуту checked.