fix: update size on InitWindow call

Author: x1unix

raylib.js

@@ -12,22 +12,15 @@ function make_environment(env) {
 }
 
 /**
- * Setup correct DPI of canvas element for HiDPI screens.
+ * Adjust canvas size according to screen DPI. 
  * 
  * @see: https://web.dev/articles/canvas-hidipi
  */
-function setupCanvas(canvas) {
+function adjustCanvasSize(ctx, height, width) {
     const dpr = window.devicePixelRatio || 1;
-    const { height, width } = canvas.getBoundingClientRect();
-    canvas.height = height * dpr;
-    canvas.width = width * dpr;
-
-    const ctx = canvas.getContext('2d');
-    if (!ctx) {
-        throw new Error("Could not create 2d canvas context")
-    }
+    ctx.canvas.height = height * dpr;
+    ctx.canvas.width = width * dpr;
     ctx.scale(dpr, dpr);
-    return ctx;
 }
 
 let iota = 0;
@@ -85,6 +78,13 @@ class RaylibJs {
         }
 
         this.ctx = setupCanvas(canvas);
+        if (!this.ctx) {
+            throw new Error("Could not create 2d canvas context")
+        }
+
+        const { height, width } = ctx.canvas.getBoundingClientRect();
+        adjustCanvasSize(ctx, height, width);
+
         this.wasm = await WebAssembly.instantiateStreaming(fetch(wasmPath), {
             env: make_environment(this)
         });
@@ -126,8 +126,7 @@ class RaylibJs {
     }
 
     InitWindow(width, height, title_ptr) {
-        this.ctx.canvas.width = width;
-        this.ctx.canvas.height = height;
+        adjustCanvasSize(this.ctx, height, width);
         const buffer = this.wasm.instance.exports.memory.buffer;
         document.title = cstr_by_ptr(buffer, title_ptr);
     }