请问一下各位大佬,插屏的图片会变形,这个有什么方法吗

没有找到调整的地方,希望各位大佬解答下

顶一下顶一下

找到构建后的first-screen.js文件, 修改下面这个函数
function updateVertexBuffer() {
let designWidth = 960;
let designHeight = 640;
let designRatio = designWidth / designHeight;
let frameRatio = canvas.width / canvas.height;
if (designRatio === frameRatio) {
return;
}
let ratio;
let ratio2;
if (designRatio < frameRatio) {
ratio = canvas.height / designHeight;
let visibleWidth = canvas.width / ratio;
let visibleHeight = designHeight;
ratio2 = Math.max(visibleWidth / image.width, visibleHeight / image.height);
} else {
ratio = canvas.width / designWidth;
let visibleWidth = designWidth;
let visibleHeight = canvas.height / ratio;
ratio2 = Math.max(visibleWidth / image.width, visibleHeight / image.height);
}
let width = image.width * ratio * ratio2;
let height = image.height * ratio * ratio2;
let widthRatio = width / canvas.width;
let heightRatio = height / canvas.height;
const vertices = new Float32Array([
widthRatio, -heightRatio, 1, 1,
widthRatio, heightRatio, 1, 0.0,
-widthRatio, -heightRatio, 0.0, 1,
-widthRatio, heightRatio, 0.0, 0.0,
]);
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
}
找到game.js 文件,修改canvas大小
// Adjust initial canvas size
if (canvas && window.devicePixelRatio) {canvas.width *= window.devicePixelRatio; canvas.height *= window.devicePixelRatio;}

谢谢热心的大佬~