canvas之绘制一张图片

 

1 <canvas id="canvas" width="600" height="500" style="background-color: yellow;"></canvas>

 

 

 1  var canvas=document.getElementById("canvas");
 2     var cxt=canvas.getContext("2d");
 3     var img=new Image();
 4     img.src="cat.jpg";
 5     cxt.drawImage(img,10,10,490,382);
 6 /*
 7 测试发现一个问题  在浏览器第一次执行的时候经常看不到图片,
 8 在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
 9 .呵呵
10 */

 

posted @ 2014-08-15 14:07  思思博士  阅读(148)  评论(0)  编辑  收藏  举报