js+html5绘制图片到canvas的方法


Posted in Javascript onJune 05, 2015

本文实例讲述了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 相关文章推荐
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 Javascript
AngularJS表达式讲解及示例代码
Aug 16 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
Mar 16 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
很棒的vue弹窗组件
May 24 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 #Javascript
jQuery插件jRumble实现网页元素抖动
Jun 05 #Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 #Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 #Javascript
JavaScript中toString()方法的使用详解
Jun 05 #Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 #Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 #Javascript
You might like
基于PHP异步执行的常用方式详解
2013/06/03 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
Ajax+PHP实现的删除数据功能示例
2019/02/12 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
angular实现图片懒加载实例代码
2017/06/08 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
python实现的config文件读写功能示例
2019/09/24 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
中层干部竞争上岗演讲稿
2014/01/13 职场文书
学校门卫管理制度
2014/01/30 职场文书
学习决心书范文
2014/03/11 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
老干部工作先进事迹
2014/08/17 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
家长给老师的感谢信
2015/01/20 职场文书
银行求职信模板
2015/03/20 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle
python热力图实现的完整实例
2022/06/25 Python