Javascript 将画布渲染为png时图像模糊

我要将html转换为画布，并将画布渲染为png文件。 它在井显示上运行良好，但在window.devicePixelRatio大于2的情况下不起作用。 我使用HTML2Canvas将html呈现为画布

对于canvas，我将ImageSmoothInEnabled设置为false。 并将“图像渲染”样式选项设置为“清晰边缘”

        html2canvas($('#finalImageToExport')[0], {
            canvas: canvas,
            scale: window.devicePixelRatio
        })

在这种情况下，画布的宽度和高度是window.devicePixelRatio的倍数。 因此，当我将这个画布渲染为png时，我得到了带有originalImageWidth*devicePixelRatio width和originalImageHeight*devicePixelRatio的png文件

我需要与原点相同的宽度和高度，所以将其缩小到自然宽度和高度。 但我得到模糊的图像

我如何解决这个问题