ImageData

Базовая поддержка Широко распространена *

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

* Некоторые части этой функции могут иметь различный уровень поддержки.

Примечание: Эта функция доступна в Потоках веб-приложений.

Интерфейс ImageData представляет собой основополагающие данные пикселей области элемента <canvas>.

Он создается с помощью конструктора ImageData() или методов создания в объекте CanvasRenderingContext2D, связанном с холстом: createImageData() и getImageData(). Он также может быть использован для установки части холста с помощью putImageData().

Конструкторы

ImageData(): Создаёт объект ImageData из заданного Uint8ClampedArray и размеров изображения, которое он содержит. Если массив не задан, создаётся изображение прозрачного чёрного прямоугольника. Обратите внимание, что это наиболее распространённый способ создания такого объекта в потоках, поскольку createImageData() там недоступен.

Свойства экземпляра

ImageData.data Только для чтения: A Uint8ClampedArray представляющий одномерный массив, содержащий данные в порядке RGBA, со значениями целых чисел от 0 до 255 (включительно). Порядок идёт по строкам от левого верхнего пикселя к правому нижнему.
ImageData.colorSpace Только для чтения: Строка, указывающая цветовое пространство данных изображения.
ImageData.height Только для чтения: Целое число, представляющее фактическую высоту, в пикселях, изображения ImageData.
ImageData.width Только для чтения: Целое число, представляющее фактическую ширину, в пикселях, изображения ImageData.

Спецификации

Спецификация
HTML # imagedata

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`ImageData`	36	14	29	23	8	36	29	24	8	3.0	37
`ImageData`	1	12	3.5	9	3.1	18	4	10.1	2	1.0	≤37
`colorSpace`	92	92	Нет	78	15.2	92	Нет	65	15.2	16.0	92
`data`	1	12	3.5	9	3.1	18	4	10.1	2	1.0	≤37
`height`	1	12	3.5	9	3.1	18	4	10.1	2	1.0	≤37
`width`	1	12	3.5	9	3.1	18	4	10.1	2	1.0	≤37
`worker_support`	36	14	25	23	7	36	25	24	7	3.0	37

См. также

CanvasRenderingContext2D
Элемент <canvas> и связанный с ним интерфейс HTMLCanvasElement.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ImageData