feat: add transform:scale() UI scaling for 1920x1080 canvas

2026-06-12 16:23:49 +08:00
parent 0177af3416
commit 6a6414510e
5 changed files with 30 additions and 5 deletions
--- a/editor/index.html
+++ b/editor/index.html
@@ -4,7 +4,14 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>剧情编辑器 — 交互式电影游戏</title>
-    <link rel="stylesheet" href="./style.css" />
+    <style>
+      html, body { width: 100vw; height: 100vh; margin: 0; overflow: hidden; background: #0a0a16; }
+      #editor-app {
+        width: 1920px; height: 1080px;
+        transform-origin: top left;
+        transform: scale(var(--scale));
+      }
+    </style>
  </head>
  <body>
    <div id="editor-app"></div>