[解決済み] html5で透明なキャンバスを作るにはどうしたらいいですか?
2022-03-02 07:10:03
質問
キャンバスを透明にするにはどうしたらいいですか?2つのキャンバスを重ねたいので必要なのです。
解決方法は?
キャンバスはデフォルトで透明になっています。
ページの背景画像を設定し、その上にキャンバスを置いてみてください。キャンバスに何も描かれていない場合は、ページの背景が完全に見えます。
キャンバスは次のようなものだと考えてください。 ガラス板に絵を描く .
キャンバスに描画した後、そのキャンバスを消去するには
clearRect
:
const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);
関連
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] 再描画のためにキャンバスをクリアする方法
-
[解決済み] HTML5/Canvas/JavaScriptを使用してブラウザ内のスクリーンショットを撮影する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】あるdivの上に別のdivを重ねる方法
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] 画像をインラインで表示する方法
-
[解決済み] 再描画のためにキャンバスをクリアする方法