canvasで画像を重ねるときの注意

Canvasで画像を描画するときはdrawImageを使います。

context.drawImage

それでは既存のCanvasに画像を追加するときはどうすればいいでしょうか。

同じようにcanvasのcontextを取得してdrawImageを行います。
(当たり前かもしれませんが)

ただこの時に注意が必要なのが、canvas.widthcanas.heightを与える場合です。

1回目は問題ありませんが、画像を追加していく時にこの処理を含めると、前の画像が消えて再描画になります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です