29 lines
928 B
JavaScript
Executable File
29 lines
928 B
JavaScript
Executable File
// 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(); |