chrome不支持drawImage的实现方法

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