html5使用canvas绘制一张图片

<canvas id="canvas" width="600" h ei ght="500" style="background-color: yellow;"></canvas>
&nbs p;

复制代码

代码如下:

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

总结

以上是 为你收集整理的 html5使用canvas绘制一张图片 全部内容，希望文章能够帮你解决 html5使用canvas绘制一张图片 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于html5使用canvas绘制一张图片的详细内容...