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