Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5キャンバスをページ全体に表示する

キャンバスをページ全体に表示するには、ページの幅と高さを100％にする必要があります。

* {
   margin: 0;
   padding: 0;
}
body, html {
   height:100%;
}
#canvas {
   position:absolute;
   height:100%; width:100%;
}

  1. CSSを使用してウィンドウの高さの100％のDIVを作成する方法

    CSSのheightプロパティは、要素の高さを指定するのに役立ちます。 構文 CSSのheightプロパティの構文は次のとおりです- Selector {    height: /*value*/ } 例 次の例は、CSSの高さプロパティを示しています。 <!DOCTYPE html> <html>    <head>       <title>Page Title</title>       <style>  

  2. IEでHTML5キャンバス要素を使用するにはどうすればよいですか？

    excanvasを使用 Internet Explorer（IE）でHTML5キャンバスを使用するためのJavaScriptライブラリ。 excanvas ライブラリはアドオンであり、古いIEブラウザ（IE7-8）にHTML5キャンバス機能を追加します。Firefox、Safari、Opera 9は、2Dコマンドベースの描画操作を可能にするcanvasタグをサポートしています。 ExplorerCanvas 同じ機能をInternetExplorerにもたらします。 IEでHTML5キャンバス要素を使用するには、HTMLファイルと同じディレクトリにExplorerCanvasタグを