← 返回首页

ImageData - Web API | MDN

Toggle sidebar

Theme

OS default
Light
Dark

한국어

Remember language Learn more

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> 엘리먼트 영역의 기저의 픽셀데이터를 나타냅니다ImageData()생성자나 canvas객체에 연결된 CanvasRenderingContext2D객체의 createImageData()나 getImageData()메소드로 생성할 수 있습니다. ImageData는 putImageData()의 인자로 전달할 수 있으며, 이를 통해 canvas의 일부로 반영할 수 있습니다.

In this article

Constructors

인자로 주어진 Uint8ClampedArray로 부터 해당 크기에 맞는 ImageData객체를 생성합니다. 만약 인자가 주어지지 않으면 검정색 사각형 이미지를 생성합니다. createImageData()는 worker에서 사용할 수 없기 때문에, ImageData의 생성자를 이용하는 것이 가장 일반적인 방법입니다.

Properties

ImageData.data 읽기 전용

Uint8ClampedArray형식이며 1차원 배열로 RGBA순서로 정의된 이미지 데이터를 나타내니다. 각 원소는 정수값으로 0에서 255사이의 값을 갖습니다.

ImageData.height 읽기 전용

unsigned long형식으로 ImageData의 pixel기준의 실제 높이값입니다.

ImageData.width 읽기 전용

unsigned long형식으로 ImageData의 pixel기준의 실제 가로값입니다.

명세서

Specification

HTML
# imagedata

브라우저 호환성

Enable JavaScript to view this browser compatibility table.

See also

CanvasRenderingContext2D
The <canvas> element and its associated interface, HTMLCanvasElement.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2023년 7월 30일 by MDN contributors.

View this page on GitHub • Report a problem with this content

Canvas API
ImageData
생성자
1. ImageData()
인스턴스 속성
Canvas API에 대한 관련 페이지
안내서
1. 캔버스(canvas)를 이용한 비디오 조작하기
튜토리얼
1. 캔버스 튜토리얼
2. 캔버스(Canvas) 기본 사용법
3. 캔버스(canvas)를 이용한 도형 그리기
4. 스타일과 색 적용하기
5. 텍스트 그리기
6. Using images
7. 변형 (transformations)
8. 도형 합성
9. 기본 애니메이션
10. 발전된 애니메이션
11. Pixel manipulation with canvas
12. 캔버스 최적화
13. Finale