Javascript 使用pdfjs库重新缩放问题

目标

我试图在特定的空格框中呈现pdf文档的每一页。这些盒子的高度为375px，宽度为265px

问题

目前，我已成功在x轴上正确缩放页面，但页面的高度仍与重新缩放操作之前相同

配置

• 铬
• 窗口10
• PDF.js版本：2.6.347

重现问题的步骤

创建一个画布，大小如我前面所说。（宽：265px，高：375px）

通过执行此操作获得重新缩放的视口（借助“getPage（）方法”获得pdf页面）

使用画布上下文在画布中呈现页面，并通过执行此操作重新缩放视口

我所期望的

获取包含正确重新缩放的整个页面的画布

我获得的

一种画布，包含页面的整个宽度，但仅包含页面高度的前375倍。这意味着页面已在x轴上正确重新缩放，但在y轴上没有任何更改

示例

所以像这样的文件

在我的画布上看起来像这样

---

我不知道我错过了什么。。。我完全复制pdfjs库文档中的内容，以便在定义的空格框中呈现pdf页面

无论您的画布是否正在缩放或其内容？不，它的内容，我的画布已正确缩放您能重现您的问题吗？或者展示一些图像。我不确定你对问题的解释是否对每个人都清楚。很抱歉，我真的忘了回到我的帖子上，我解决了这个问题。因为我是通过设置样式参数“宽度”和“高度”（以像素为单位）来设置画布大小的，而不是直接设置属性“宽度”和“高度”。因此您的画布缩放不正确：）

var desiredWidth = canvas.width;
var viewport = page.getViewport({ scale: 1, });
var scale = desiredWidth / viewport.width;
var scaledViewport = page.getViewport({ scale: scale});

let renderContext = {
    canvasContext: context,
    viewport: scaledViewport
};

await page.render(renderContext);