pdfjs-dist 旋转
时间: 2024-04-29 12:16:09 浏览: 11
pdfjs-dist是一个用于在Web上显示和操作PDF文件的JavaScript库。它提供了一系列功能,包括旋转PDF页面。
要旋转PDF页面,你可以使用pdfjs-dist库中的`PDFPageProxy`对象的`rotate`方法。该方法接受一个角度参数,用于指定旋转的角度。正值表示顺时针旋转,负值表示逆时针旋转。
以下是一个使用pdfjs-dist库旋转PDF页面的示例代码:
```javascript
// 引入pdfjs-dist库
import * as pdfjsLib from 'pdfjs-dist';
// 加载PDF文件
const loadingTask = pdfjsLib.getDocument('path/to/pdf/file.pdf');
loadingTask.promise.then((pdf) => {
// 获取第一页
return pdf.getPage(1);
}).then((page) => {
// 旋转页面
page.rotate(90); // 顺时针旋转90度
// 渲染页面
const canvas = document.getElementById('pdf-canvas');
const context = canvas.getContext('2d');
const viewport = page.getViewport({ scale: 1 });
canvas.height = viewport.height;
canvas.width = viewport.width;
page.render({
canvasContext: context,
viewport: viewport
});
});
```
这段代码首先加载PDF文件,然后获取第一页,并使用`rotate`方法将页面顺时针旋转90度。最后,使用`render`方法将旋转后的页面渲染到指定的canvas元素上。