vuepdf 预览方向颠倒了

### vue-pdf 页面预览方向颠倒解决方案

在 Vue 项目中使用 `vue-pdf` 插件时遇到页面预览方向颠倒的情况，通常是因为 PDF 文档本身的方向设置或渲染过程中出现问题。为了有效解决问题，可以从以下几个方面入手：

#### 检查 PDF 文件属性
确保所使用的 PDF 文件没有被意外旋转过。如果文件本身就存在方向问题，则无论如何调整代码都无法从根本上解决显示异常。

#### 修改 CSS 样式
通过覆盖默认样式来修正展示效果。可以尝试添加特定的选择器规则以强制设定 `.page` 类下的元素保持正确的方位角[^1]：

.page {
    transform: rotate(0deg);
}

#### 更新依赖库版本
有时插件本身的 bug 可能导致此类情况发生。确认当前使用的 `vue-pdf` 版本是最新的稳定版；如果不是最新版本的话建议升级到最新版本试试看能否改善状况。

#### 自定义加载选项
利用 `pdfjsLib.getDocument()` 方法传入参数对象来自定义文档解析行为，在此期间可指定是否自动检测并纠正页面角度等问题:

const loadingTask = pdfjsLib.getDocument({
    url: 'path/to/document.pdf',
    cMapUrl: './cmaps/',
    cMapPacked: true,
    nativeTextEncoding: false, // 关闭原生文本编码支持有助于提高兼容性
});
loadingTask.promise.then(pdf => {
    const page = pdf.getPage(pageNumber);
    return page;
}).then((pdfPage) => {
    let viewport = pdfPage.getViewport({ scale });
    
    // 获取实际页面尺寸的同时也会获取其旋转角度信息
    console.log('Rotation:', viewport.rotation);

    renderPdfPage(viewport); // 假设这是用于绘制PDF页面的方法
}, function (reason) {
    console.error(reason);
});