如何调整打开后的弹窗中PDF文件的大小
如何调整打开后的弹窗中PDF文件的大小
要调整打开后弹窗中文件的大小,可以使用CSS样式来设置弹窗中显示的PDF文件的大小。
首先,可以为弹窗中的PDF文件添加一个CSS样式类,例如:
.pdf-viewer {
width: 800px; // 设置宽度
height: 600px; // 设置高度
}
然后,在打开弹窗之前,可以使用JavaScript代码来为弹窗窗口添加该样式类,例如:
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 viewerWindow = window.open(url);
// 添加CSS样式类
viewerWindow.document.body.classList.add('pdf-viewer');
// 删除url绑定
window.URL.revokeObjectURL(url);
这样,打开的弹窗中的PDF文件就会按照设置的宽度和高度进行显示了。你可以根据需要调整设置的宽度和高度值。
原文地址: https://www.cveoy.top/t/topic/ddVk 著作权归作者所有。请勿转载和采集!