JavaScript PDF 缩放问题解决:使用 window.onload 确保页面加载完成

在使用 JavaScript 打开 PDF 文件并设置缩放级别时,你可能会遇到缩放不起作用的问题。这是因为,你可能在打开新窗口后立即尝试设置缩放级别。由于浏览器加载和渲染页面需要一些时间,因此在尝试设置缩放级别之前,页面可能尚未完全加载。

为了确保缩放设置起作用,你可以在新窗口的 load 事件上添加一个监听器,并在事件触发时设置缩放级别。修改后的代码如下:

let base = data.rxFile;
let bstr = atob(base);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
}
let blob = new Blob([u8arr], {type: 'application/pdf;chartset=UTF-8'});
let url = window.URL.createObjectURL(blob);
let popup = window.open(url);
popup.onload = function() {
    popup.document.body.style.zoom = '80%';
};

通过在新窗口的 load 事件上设置缩放级别,可以确保页面已加载完全,并且缩放设置将起作用。

JavaScript PDF 缩放问题解决:使用 window.onload 确保页面加载完成

原文地址: https://www.cveoy.top/t/topic/cTzV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录