谷歌浏览器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