我的代码的想法是创建一个隐藏的 div 来加载图像。当它的加载事件被触发时,在画布中绘制它。当我运行代码时,我收到此错误 0x80040111 (NS_ERROR_NOT_AVAILABLE),但我正在等待加载事件。这是我的代码。
HTML
<div id="old-counties-image-wrapper" style="display: none;">
<img border="0" height="390" id="interreg-iiia-old-counties-map" src="/f/MISCELLANEOUS/old-map.jpg" /></div>
<p>
<canvas id="old-counties-image-canvas"></canvas></p>
和 javascript
$('#interreg-iiia-old-counties-map').load(function() {
var canvas=document.getElementById('old-counties-image-canvas');
if (canvas.getContext) {
var ctx=canvas.getContext('2d');
var img=$('#interreg-iiia-old-counties-map');
ctx.drawImage(img, 0, 0);
}
//else {
// $('#old-counties-image-wrapper').show();
//}
});
else 部分现在被注释掉了,但是对于不支持画布的浏览器来说。