예
복사 아래의 코드 픽셀로 캔버스에 지정된 구형의 데이터 getImageData() 다음과 함께 캔버스에 다시 이미지 데이터를 넣어 putImageData() :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
} »그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| putImageData() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
putImageData() 메소드는 다시 캔버스에 (지정된 imageData의 개체에서) 이미지 데이터를 저장합니다.
팁 : 읽기에 대한 getImageData() 이 캔버스에 지정된 구형 복사 픽셀 데이터를 방법.
팁 : 읽기에 대한 createImageData() 비어있는 새 imageData의 객체를 생성하는 방법.
자바 스크립트 구문
| 자바 스크립트 구문 : | context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight ); |
|---|
매개 변수 값
| 매개 변수 | 기술 |
|---|---|
| imgData | 캔버스에 다시 넣어 imageData의 객체를 지정합니다 |
| x | 다음은 imageData의 객체의 좌상 구석의 픽셀 x는 좌표 |
| y | 다음은 imageData의 객체의 좌상 구석의 픽셀, y를 좌표 |
| dirtyX | 선택 과목. 수평 (x)의 값은 픽셀 단위로 위치를 캔버스에 이미지를 배치 |
| dirtyY | 선택 과목. 수직 (y)의 값은 픽셀 단위로 위치를 캔버스에 이미지를 배치 |
| dirtyWidth | 선택 과목. 폭은 캔버스에 이미지를 그리는 데 사용하는 |
| dirtyHeight | 선택 과목. 높이가 캔버스에 이미지를 그리는 데 사용하는 |