1. ホーム
  2. html

[解決済み] html5で透明なキャンバスを作るにはどうしたらいいですか?

2022-03-02 07:10:03

質問

キャンバスを透明にするにはどうしたらいいですか?2つのキャンバスを重ねたいので必要なのです。

解決方法は?

キャンバスはデフォルトで透明になっています。

ページの背景画像を設定し、その上にキャンバスを置いてみてください。キャンバスに何も描かれていない場合は、ページの背景が完全に見えます。

キャンバスは次のようなものだと考えてください。 ガラス板に絵を描く .

キャンバスに描画した後、そのキャンバスを消去するには clearRect :

const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);