update

2026-01-13 01:38:15 -05:00
parent b67235b93d
commit d9db2a771d
10 changed files with 334 additions and 0 deletions
--- a/static/components/canvas-display/canvas-display.html
+++ b/static/components/canvas-display/canvas-display.html
@@ -0,0 +1,38 @@
+<template id="canvas-display-template">
+  <style></style>
+    :host {
+      display: block;
+      position: relative;
+      font-family: sans-serif;
+    }
+
+    .canvas-wrapper {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    canvas {
+      display: block;
+      width: 100%;
+      height: 100%;
+      background: var(--bg-color, #ffffff);
+    }
+
+    /* grid overlay */
+    .grid-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+    }
+  </style>
+
+  <div class="canvas-wrapper">
+    <canvas id="draw-canvas"></canvas>
+    <svg class="grid-overlay" id="grid-overlay"></svg>
+  </div>
+</template>