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/main.ts
+++ b/editor/main.ts
@@ -2,6 +2,13 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import EditorApp from './App.vue'

+function applyScale() {
+  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
+  document.documentElement.style.setProperty('--scale', String(s))
+}
+applyScale()
+window.addEventListener('resize', applyScale)
+
 const app = createApp(EditorApp)
 app.use(createPinia())
 app.mount('#editor-app')