Exploring how to use canvas

2021-10-19 14:12:13 +02:00
parent 7228798f0e
commit a4a1973dd7
2 changed files with 95 additions and 35 deletions
--- a/index.html
+++ b/index.html
@ -1,9 +1,24 @@
 <html>
-    <body>
+    <head>
        <title>JDG :: Tetris JS</title>
        <script src="tetris.js"></script>
-    </body>
-    <head>
-        <div id="app"></div>
+        <style>
+            html, body {
+                width: 100%;
+                height: 100%;
+                padding: 0;
+                margin: 0;
+            }            
+            #app{     
+                position: fixed; /* absolute */
+                top: 0;
+                left: 0;
+                width: 100vw;    /* 100% */
+                height: 100vh;   /* 100% */ 
+            }
+        </style>
    </head>
+    <body>
+        <canvas id="app"></canvas>
+    </body>
 </html>