ImageData
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
* Some parts of this feature may have varying levels of support.
ImageData 인터페이스는 <canvas> 요소 영역의 기본 픽셀 데이터를 나타냅니다.
캔버스와 연결된 CanvasRenderingContext2D 객체의 ImageData() 생성자 또는 생성자 메서드인 createImageData() 및 getImageData() 를 사용하여 생성됩니다. putImageData() 를 사용하여 캔버스의 일부를 설정하는 데에도 사용할 수 있습니다.
Constructors
ImageData()-
주어진
Uint8ClampedArray또는Float16Array와 해당 배열이 포함하는 이미지의 크기로ImageData객체를 생성합니다. 배열이 주어지지 않으면, 투명한 검은색 사각형 이미지를 생성합니다.createImageData()는 워커에서 사용할 수 없으므로 워커에서 이러한 객체를 생성하는 가장 일반적인 방법임을 유의해야합니다.
Instance properties
ImageData.data읽기 전용-
RGBA 순서로 데이터를 포함하는 1차원 배열을 나타내는
Uint8ClampedArray또는Float16Array입니다. 순서는 왼쪽 상단 픽셀부터 오른쪽 하단까지 행 단위로 진행됩니다. ImageData.colorSpace읽기 전용-
이미지 데이터의 색 공간을 나타내는 문자열.
ImageData.height읽기 전용-
ImageData의 픽셀 단위 실제 높이를 나타내는unsigned long. ImageData.width읽기 전용-
ImageData의 픽셀 단위 실제 너비를 나타내는unsigned long. ImageData.pixelFormat읽기 전용-
ImageData에 사용할 형식을 나타내는 문자열.
명세서
| Specification |
|---|
| HTML # imagedata |
브라우저 호환성
같이 보기
CanvasRenderingContext2D<canvas>관련 요소와 관련 인터페이스,HTMLCanvasElement.