谷歌浏览器canvas画图片不显示问题解决

$(function() {  

    var $my_canvas=$("#myCanvas");  

    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("img/ok.png",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对象  

     };  
}  

转载：http://johncookie.iteye.com/blog/1289982