Make HTML5 Canvas fill the whole page

To make canvas fill the whole page, you need to be 100% in width and height of the page.

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

Chandu yadav

Published on 06-Apr-2018 06:53:08

• Related Questions & Answers
• How to completely fill web page with HTML canvas?
• Can you take a screenshot of the page using HTML5 Canvas?
• HTML canvas fill() Method
• How do I make a transparent canvas in HTML5?
• C++ Program that will fill whole memory
• Translating HTML5 canvas
• HTML5 Canvas distorted
• HTML5 Canvas Transformation
• Can the HTML5 Canvas element be created from the Canvas constructor?
• HTML5 Canvas Transformation Matrix
• HTML5 Canvas Circle Text
• HTML5 Canvas Degree Symbol
• Rotate HTML5 Canvas around the current origin
• HTML5 Canvas Font Size Based on Canvas Size
• Safari on iPad (iOS6) does not scale HTML5 video to fill 100% of page width