div要素を使用してHTMLキャンバスにスクロールを追加します。
「HTML」としてよく知られているハイパーテキストマークアップ言語のバージョン5には、新しい要素のサポートが含まれています 「キャンバス」と呼ばれます。 HTML5キャンバス要素は、アニメーション、グラフィックス、またはカスタムJavaScriptのコンテナとして機能します コード。 Webページのキャンバス内でスクロールを有効にする場合は、キャンバス要素全体をdiv要素でラップしてから、overflow属性を使用して必要なスクロールバーを追加できます。
ステップ1
Web編集アプリケーションまたはワードプロセッサでcanvas要素を含むHTMLドキュメントを開きます。
今日のビデオ
ステップ2
「」の前にテキストカーソルを置きます
ステップ3
HTMLコードに次のように入力します。
オーバーフロー属性は、コンテナ内のスクロールバーを有効にします。
ステップ4
width属性とheight属性を、divコンテナのサイズを定義するために使用するピクセル量に置き換えます。 選択する幅と高さの値が、キャンバス要素のサイズ全体に収まる大きさであることを確認してください。
ステップ5
「」タグの後にテキストカーソルを置きます。
ステップ6
タイプ "
ステップ7
HTMLドキュメントを保存し、Webサーバーにアップロードして、スクロールしてキャンバス要素を表示します。
