html5 画布 位图填充

1.     var bgimg = new Image();   
2.     bgimg.src = "background.jpg";   
3.     bgimg.onload=function(){   
4.         var pattern = context.createPattern(bgimg, "repeat");   
5.         context.fillStyle = pattern;   
6.         context.strokeStyle="#F20B0B";   
7.         context.fillRect(600, 100, 200,200);   
8.         context.strokeRect(600, 100, 200,200);   
9.     };