我的问题 :
uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///***************.js :: redrawView :: line 308" data: no]
产生此行为的代码(tmpImg是动态加载的,所以如果它尚未加载,则会跳过它)。
if(tmpImg!=null && tmpImg.img.complete===true && tmpImg.img.src!=null){
var tmpPos = i_getCoordsImage(tmpImg);
var rect = getRectInCurrentView(tmpPos.x,tmpPos.y,tmpPos.w,tmpPos.h);
console.log(tmpImg);
console.log(rect);
mainDisplayContext.drawImage(tmpImg.img,rect.x,rect.y,rect.w,rect.h);
}
刚加载tmpImg时(至少根据Firebug的日志),问题会发生几次,然后消失。
代码片段连续多次调用,因此在抛出错误时无法查看图像是否实际显示。
rect。*中的值是浮点数,类似于{x:-1500,y:-2500,h:1000,w:1000}
你对这个错误的起源有什么看法吗?
编辑1
此代码产生错误(您需要在同一目录中有一个名为“test.png”的图像
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta charset="UTF-8" />
</head>
<body id="body">
<canvas id="canvas" width="600" height="600"></canvas>
<script>
//[CDATA[
var img = new Image();
var mdc = document.getElementById("canvas").getContext("2d");
function displayCallback(){
if(img.complete===true && img.src!=null){
mdc.drawImage(img,0,0,600,600);
}
setTimeout(displayCallback, 50);
}
setTimeout(function(){img.src = "test.png";}, 10000);
setTimeout(displayCallback, 1000);
//]]
</script>
</body>
</html>
这似乎与空图像具有“src”的事实有关。它总是如此吗?
编辑2
事实上,对于错误报告,这个JavaScript就足够了(如果我理解的话):
document.getElementById("canvas").getContext("2d").drawImage(new Image(),0,0);