html5和js绘制图片到canvas的方法
发布时间：2020-06-06 编辑：jiaochengji.com
教程集为您提供html5和js绘制图片到canvas的方法等资源，欢迎您收藏本站，我们将为您提供最新的html5和js绘制图片到canvas的方法资源
这篇文章主要介绍了js html5绘制图片到canvas的方法,涉及html5元素操作的相关技巧,需要的朋友可以参考下
本文实例讲述了js html5绘制图片到canvas的方法。分享给大家供大家参考。具体实现方法如下：
<!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>以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注教程集！
相关推荐：
利用SurfaceView实现下雨与下雪动画的效果
关于HTML5 Canvas的事件处理
以上就是html5和js绘制图片到canvas的方法的详细内容，更多请关注教程集其它相关文章！
您可能感兴趣的文章：
html5和js绘制图片到canvas的方法
html5 canvas标签是什么意思？canvas标签使用方法介绍
html5的Canvas元素有什么作用？<Canvas>的简单使用
怎样用canvas来绘制线条
html5 canvas标签的作用以及canvas标签的历史由来介绍
HTML5 canvas基本绘图之绘制线条
关于canvas下载二维码和图片加水印的方法
canvas与svg的区别有什么？canvas和svg的区别比较
使用HTML5 Canvas绘制阴影效果的方法
关于Canvas与Image的互相转换
[关闭]