本文实例讲述了js+html5绘制图片到canvas的方法。分享给大家供大家参考。具体实现方法如下：
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html>
<body>
<canvas id="mycanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
your browser does not support the html5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getelementbyid("mycanvas");
var ctx=c.getcontext("2d");
var img=new image();
img.onload = function(){
ctx.drawimage(img,0,0);
};
img.src="img_flwr.png";
</script>
</body>
</html>
希望本文所述对大家的web程序设计有所帮助。
更多网络编程信息请查看： 网络编程
相关文章
精彩导读
热门资讯
关注我们
