绘图最终都是黑色的

Question

我正在尝试通过HTML画布调整图像大小，但是当我显示它时，它会全部显示为黑色。

我的代码

function onSuccess(imageData) {

    var img = new Image();
    img.src = imageData;

    window.setTimeout(function() {

        var maxSize = 200;

        var canvas = document.createElement("canvas");
        canvas.width = maxSize;
        canvas.height = maxSize;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img.src, 0, 0, maxSize, maxSize);

        dataurl = canvas.toDataURL("image/jpeg");
        alert(dataurl);
    }, 1000);
}

我不确定我做错了什么。谢谢你的帮助！