HTML5 Canvasの背景色を変更する

Adobe AnimateでHTML5 Canvasの背景色を変更する手順を紹介します。

手順

HTML5 Canvas のドキュメントファイルを開きます。[プロパティ]ウィンドウを表示します。ウィンドウ下部の[プロパティ]セクションの[ステージ]のカラーボックスをクリックします。


カラーサンプルのポップアップウィンドウが表示されます。


カラーサンプルにない色を指定する場合はポップアップウィンドウ右上のカラーチャートのアイコンをクリックします。下図のカラーピックダイアログが表示されます。


カラーを指定すると、キャンバスのカラーが変化します。


[制御]メニューの[プレビュー]でWebブラウザで表示した場合の動作を確認します。背景色が変更されていることが確認できます。

著者

とりっち

iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。