如何在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

有关详细信息，请参阅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);