图像尺寸未正确反映

时间:2021-05-24 05:56:47

标签: javascript image base64

我正在尝试使用 Javascript 获取某些图像的 base64 并使用此函数:

function getBase64Image(img) {
    return new Promise((data) => {
        var canvas = document.createElement("canvas");
        canvas.width = img.naturalWidth;
        canvas.height = img.naturalHeight;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0);
        data(canvas.toDataURL("image/png").replace(/^data:image\/(png|jpg|jpeg);base64,/, ""))
    })
}

然后我调用函数来加载图像:

var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function () {
    getBase64Image(this).then(data => {})
}
img.src = wha[1][0]

如果我查看图像的自然宽度(96 像素),它与实际图像本身(640 像素)不同。我一直在研究从图像中获取 base64 的其他方法,但它们也返回相同的结果。

0 个答案:

没有答案