JavaScript 使用 PDF.js 调整打开窗口中 PDF 的百分比
要调整打开窗口中 PDF 的百分比，可以使用 PDF.js 库来实现。以下是修改后的代码：
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);
// 使用PDF.js库加载PDF文件
pdfjsLib.getDocument(url).promise.then(function(pdf) {
pdf.getPage(1).then(function(page) {
let scale = 1.5; // 调整百分比的值，可以根据需要进行修改
let viewport = page.getViewport({ scale: scale });
// 创建一个Canvas元素来显示PDF内容
let canvas = document.createElement('canvas');
let context = canvas.getContext('2d');
canvas.width = viewport.width;
canvas.height = viewport.height;
// 渲染PDF页面到Canvas上
let renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext).promise.then(function() {
// 打开一个新窗口并显示Canvas中的内容
let newWindow = window.open();
newWindow.document.write('<html><body>');
newWindow.document.write('<img src='' + canvas.toDataURL() + ''/>');
newWindow.document.write('</body></html>');
});
});
});
// 删除url绑定
window.URL.revokeObjectURL(url);
在这段代码中，我们使用了 PDF.js 库来加载 PDF 文件，并将 PDF 页面渲染到 Canvas 上。然后，在一个新窗口中显示 Canvas 中的内容。你可以根据需要调整 scale 变量的值来调整 PDF 的百分比。
原文地址: https://www.cveoy.top/t/topic/dqZ2 著作权归作者所有。请勿转载和采集!