将画布渲染为png

Question

我将把html转换为canvas并将该canvas渲染为png文件。 它可以很好地显示，但不能在哪个window.devicePixelRatio大于2的情况下使用。 我使用HTML2Canvas将HTML呈现为Canvas。

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

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

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

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

我该如何解决？