Javascript drawImage(…)未绘制

Javascript drawImage(…)未绘制,javascript,html5-canvas,Javascript,Html5 Canvas,在画布中动态加载图像时遇到问题。我的Asp.NETCodeBehind通过 ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "upd", "<script language='javascript'>loadTempAnalyze('"+ imageLink+"') </script>", false); 通过imgLink显示的链接有效,Firefox控制台中没有出

在画布中动态加载图像时遇到问题。我的Asp.NETCodeBehind通过

ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "upd",
         "<script language='javascript'>loadTempAnalyze('"+ imageLink+"') </script>", false);
通过
imgLink
显示的链接有效,Firefox控制台中没有出现异常,但画布中没有显示任何内容。日志似乎先是“ok”,然后是“imageload”、“img call”和“image draw”。img图像按预期显示图像

我注意到的奇怪行为是,如果我用html硬编码imgLink,一切都正常


注意,这里缺少一个
“url(“+img.src+”)”
。不知何故,这一行与输入错误有关,在我更正后,主要问题仍然存在-无论如何,谢谢;)。。。我也会在我的问题中纠正它,因为它不会改变主要的问题行为。图像有多大?你有没有理由把它画在坐标10,10?1040 x 840,大约300kb的地方
function loadTempAnalyze(imgLink) {
console.log(imgLink);
var mcv = window.document.getElementById("thermCanvas");
var cont = mcv.getContext("2d");
var img = window.document.getElementById("mImg");
img.onload = function () {
    console.log("imageload");
    imgComplete(img, cont, mcv);
    console.log("image draw");
};
img.src = imgLink;
}
function imgComplete(img, cont, mcv) {
    console.log("img call");
    window.document.getElementById("imgHeader").style.backgroundImage = "url('" + img.src + "')";
    mcv.width = img.width;// + "px";
    mcv.height = img.height;//+ "px";
    cont.drawImage(img, 10, 10);
    };
}