如何在HTML5畫布中添加背景圖像數據

Question

我想用白色背景填充圖像數據。 如何使用圖像數據添加白色背景數據。

我正在使用以下場景： -

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

context.putImageData(imageData,x,y);

Answer 1

如果您只使用一種顏色，那么使用fillRect呢？

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

〜干杯

Answer 2

有關詳細信息，請參閱此問題。

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);