HTML5 캔버스에서 배경 이미지 데이터를 추가하는 방법

Question

흰색 배경으로 이미지 데이터를 채우고 싶습니다. 흰색 배경 데이터를 이미지 데이터와 함께 추가하려면 어떻게합니까?

나는 다음과 같은 시나리오를 사용하고 있습니다 : -

var imageData = shapesContext.getImageData(x,y,width,height); 

context.putImageData(imageData,x,y); 

Answer 1

더 자세한 내용은 this 질문을 참조하십시오.

var c=document.getElementById("myCanvas"); 
var ctx=c.getContext("2d"); 

var c2=document.getElementById("myCanvas2"); 
var ctx2=c2.getContext("2d"); 

ctx.strokeRect(5,5,25,15); 

ctx2.drawImage(c, 10, 10); 

Answer 2

단일 색상 만 사용하는 경우 fillRect 대신 사용 하시겠습니까?

context.fillStyle="white"; 
context.fillRect(0,0,canvas.width,canvas.height); 

~ 건배