// js目前不会，先靠ai

function resizeCanvas() {
    // 定义设计基准尺寸
    const designWidth = 1280;
    const designHeight = 800;
            
    // 获取当前浏览器视口尺寸
    const currentWidth = window.innerWidth;
    const currentHeight = window.innerHeight;

    const canvas = document.getElementById('app-canvas');

    // 计算缩放比例
    const scaleX = currentWidth / designWidth;
    const scaleY = currentHeight / designHeight;
    const scaleFactor = Math.min(scaleX, scaleY);

    // 确保元素中心与 left: 50%; top: 50%; 对齐
    canvas.style.transform = `translate(-50%, -50%) scale(${scaleFactor})`;
}

// 首次加载时执行
document.addEventListener('DOMContentLoaded', resizeCanvas); 
// 监听窗口大小变化时执行，保持动态缩放
window.addEventListener('resize', resizeCanvas);
        
// 确保在某些情况下也能正确初始化
resizeCanvas();