js+html5绘制图片到canvas的方法
2015-06-05 00:00
1431 查看
本文实例讲述了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>
希望本文所述对大家的web程序设计有所帮助。
相关文章推荐
- JavaScript中length属性的使用方法
- 简介JavaScript中charAt()方法的使用
- js+HTML5实现canvas多种颜色渐变效果的方法
- js+html5通过canvas指定开始和结束点绘制线条的方法
- js+html5实现canvas绘制镂空字体文本的方法
- js+html5实现canvas绘制简单矩形的方法
- js+html5实现canvas绘制圆形图案的方法
- js实现点击链接后延迟3秒再跳转的方法
- JSP-Controller
- js--OOP浅谈
- ExtJS 4.2 03 Javascript 中的类
- JSON and Microsoft Technologies(翻译)
- 数据类型回顾——NaN和isNaN—JS学习笔记2015-6-4(第48天)
- [转载]js删除几种方式
- 不同JS环境use strict对重复属性处理的差异
- js跳转页面,谷歌和IE跳转页面不一样!
- JSON解析工具-org.json
- JavaScript概述
- 浅入浅出JS中的eval及json
- 深入浅出JSON