Javascript 如何使用js调整pdf的大小

我正在进行响应式设计，我希望pdf的比例随屏幕大小的不同而变化，如何更改它，因为当前的代码pdf具有固定的宽度

if (pageNumber >= 1 && pageNumber <= doc._pdfInfo.numPages) {

    // Fetch the page
    const page = await doc.getPage(pageNumber);

    // Set the viewport
    const viewport = page.getViewport({ scale: 1 });

    // Set the canvas dimensions to the PDF page dimensions
    const canvas = document.getElementById("canvas");
    const context = canvas.getContext("2d");
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    // Render the PDF page into the canvas context
    return await page.render({
        canvasContext: context,
        viewport: viewport
    }).promise;

} else {
    console.log("Please specify a valid page number");
}

---

if（pageNumber>=1&&pageNumber我已经更新了代码

if (pageNumber >= 1 && pageNumber <= doc._pdfInfo.numPages) {
    
        // Fetch the page
        const page = await doc.getPage(pageNumber);
    
        // Set the viewport
         let scale;
        if(window.innerWidth < 662px) {
           scale = 0.75
        } else {
           scale = 1
        }
        const viewport = page.getViewport({ scale });
    
        // Set the canvas dimensions to the PDF page dimensions
        const canvas = document.getElementById("canvas");
        const context = canvas.getContext("2d");
        canvas.height = viewport.height;
        canvas.width = viewport.width;
    
        // Render the PDF page into the canvas context
        return await page.render({
            canvasContext: context,
            viewport: viewport
        }).promise;
    
    } else {
        console.log("Please specify a valid page number");
    }

如果（pageNumber>=1&&pageNumber您能提供更多详细信息和代码吗？当然，我不明白的是如何更改const viewport=page.getViewport（{scale:1}）；因为在屏幕尺寸达到622px之前，这个比例对我来说效果很好，所以我想要的是，在小于622px的屏幕尺寸中，比例降到0.75。您可以检查window.innerWidth来检测宽度。如果小于662px，则将比例设置为0.75，否则将比例设置为1。我如何将该条件以代码形式表示，对不起，我是programmi的新手ng