编程 Javascript

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程序设计有所帮助。

- Author -

pythoner

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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