用pdfjs的时候,传的文件的base64,他显示的时候,这个文件的还是原pdf的宽度吗,如何设置
时间: 2024-09-06 10:02:49 浏览: 63
前端将base64转换成文件显示
PDF.js 是一个用于在浏览器中查看 PDF 文件的 JavaScript 库。当你通过 Base64 编码将 PDF 文件传递给 PDF.js 时,加载的内容默认会保持原始 PDF 的宽高比。这意味着如果原 PDF 的页面宽度较大,它会在容器内按照比例展示,而不是固定尺寸。
如果你希望调整显示的大小,可以配置 `PDFViewer` 对象的一些属性。例如:
1. **FitWindow** 属性:这会让 PDF 自动适应浏览器窗口,但仍然保持原始的比例。你可以设置 `viewer.fitWindow = true;`
2. **scaleFactor** 或 **pageScaleFactor**:允许手动指定缩放因子。比如 `viewer.scaleFactor = 0.5` 将会使 PDF 双倍缩小。
```javascript
import { PDFViewer } from 'pdf.js';
const viewer = new PDFViewer({
container: document.getElementById('pdf-container'),
pdfDataUrlOrArrayBuffer: yourBase64Pdf,
initialZoomValue: 'auto-fit', // 或者设置具体的 zoom factor, 如 1.0 (no zoom), 2.0 (double scale)
});
```
如果你想限制最大或最小的缩放,可以在初始化时添加一些验证逻辑。请注意,实际效果可能受浏览器渲染限制。
阅读全文