Chrome中canvas上drawImage无法画出image的解决办法

在自己写demo的过程中 碰到了这样一个问题 发现drawImage方法没有达到预期的效果 图片没办法显示 而fillRect等画图形的方法却工作良好

大概的代码如下：

$(function() {var $my_canvas=$("#my_canvas");var my_canvas=$my_canvas[0];var context=my_canvas.getContext("2d");// var footprint_img=document.getElementById("footprint");// var footprint_img=new Image();// footprint_img.src="footprint.jpg";preImage("footprint.jpg",function(){context.drawImage(this,10,10,20,20);});});function preImage(url,callback){ var img = new Image(); //创建一个Image对象，实现图片的预下载     img.src = url;       if (img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数         callback.call(img);        return; // 直接返回，不用再处理onload事件     }     img.onload = function () { //图片下载完毕时异步调用callback函数。         callback.call(img);//将回调函数的this替换为Image对象     };}

? 1 楼 zybing 2012-05-15 不错不错,至少对我有用 2 楼 cookiejj2010 2012-05-16 zybing 写道不错不错,至少对我有用
有用就好 ：）