From aac435653f8c823fba29496c186cd156556fb877 Mon Sep 17 00:00:00 2001
From: Caleb Foss <caleb.foss@jjc.edu>
Date: Fri, 26 Sep 2025 14:55:43 -0500
Subject: [PATCH] Use CSS dimensions instead of scale for scaling

---
 src/elements/visual/canvas.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/elements/visual/canvas.ts b/src/elements/visual/canvas.ts
index 1ebac12..2071f36 100644
--- a/src/elements/visual/canvas.ts
+++ b/src/elements/visual/canvas.ts
@@ -269,6 +269,8 @@ export class Canvas2DCanvasElement extends c2dStandaloneChildren(C2DBase) {
 
     this.domCanvas.width = value * devicePixelRatio;
 
+    this.domCanvas.style.width = `${value}px`;
+
     this.registerChange("width", value);
   }
 
@@ -289,6 +291,8 @@ export class Canvas2DCanvasElement extends c2dStandaloneChildren(C2DBase) {
 
     this.domCanvas.height = value * devicePixelRatio;
 
+    this.domCanvas.style.height = `${value}px`;
+
     this.registerChange("height", value);
   }
 
@@ -366,8 +370,6 @@ export class Canvas2DCanvasElement extends c2dStandaloneChildren(C2DBase) {
     this.domCanvas.width *= scaleRatio;
     this.domCanvas.height *= scaleRatio;
 
-    this.domCanvas.style.scale = `${1 / newPixelRatio}`;
-
     this.#devicePixelRatio = newPixelRatio;
   }