- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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%; }
- Related Articles
- Can you take a screenshot of the page using HTML5 Canvas?
- How to completely fill web page with HTML canvas?
- How do I make a transparent canvas in HTML5?
- Translating HTML5 canvas
- HTML5 Canvas distorted
- HTML5 Canvas Transformation
- HTML5 Canvas Transformation Matrix
- HTML5 Canvas Circle Text
- HTML5 Canvas Degree Symbol
- Can the HTML5 Canvas element be created from the Canvas constructor?
- HTML5 Canvas Font Size Based on Canvas Size
- Safari on iPad (iOS6) does not scale HTML5 video to fill 100% of page width
- HTML canvas fill() Method
- Rotate HTML5 Canvas around the current origin
- HTML5 Canvas to PNG File

Advertisements