编程 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 相关文章推荐

网页前端优化之滚动延时加载图片示例

Jul 13 Javascript

动态加载脚本提升javascript性能

Feb 24 Javascript

将HTML的左右尖括号等转义成实体形式的两种实现方式

May 04 Javascript

jquery实现表单输入时提示文字滑动向上效果

Aug 10 Javascript

jquery实现点击变换导航样式的方法

Aug 31 Javascript

JavaScript Length 属性的总结

Nov 02 Javascript

jQuery ready()和onload的加载耗时分析

Sep 08 Javascript

jQuery给指定的table动态添加删除行的操作方法

Oct 12 Javascript

超全面的javascript中变量命名规则

Feb 09 Javascript

React Native 通告消息竖向轮播组件的封装

Aug 25 Javascript

使用vue-router设置每个页面的title方法

Feb 11 Javascript

原生JS进行前后端同构

Apr 22 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投票系统防刷票判断流程分析

2012/02/04 PHP

一个PHP并发访问实例代码

2012/09/06 PHP

PHP中数组定义的几种方法

2013/09/01 PHP

PHP中array_slice函数用法实例详解

2014/11/25 PHP

解决PhpStorm64不能启动的问题

2020/06/20 PHP

JavaScript中各种编码解码函数的区别和注意事项

2010/08/19 Javascript

Javascript动态绑定事件的简单实现代码

2010/12/25 Javascript

jQuery powerFloat万能浮动层下拉层插件使用介绍

2010/12/27 Javascript

Javascript中产生固定结果的函数优化技巧

2013/01/16 Javascript

使用javascript实现ListBox左右全选,单选,多选,全请

2013/11/07 Javascript

JavaScript如何实现对数字保留两位小数一位自动补零

2015/12/18 Javascript

结合代码图文讲解JavaScript中的作用域与作用域链

2016/07/05 Javascript

最简单纯JavaScript实现Tab标签页切换的方式(推荐)

2016/07/25 Javascript

jQuery Easyui使用（二）之可折叠面板动态加载无效果的解决方法

2016/08/17 Javascript

bootstrap中模态框、模态框的属性实例详解

2017/02/17 Javascript

纯JS实现弹性导航条效果

2017/03/06 Javascript

Nodejs中Express 常用中间件 body-parser 实现解析

2017/05/22 NodeJs

使用node.js对音视频文件加密的实例代码

2017/08/30 Javascript

写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

2018/03/06 Javascript

JS中FormData类实现文件上传

2020/03/27 Javascript

详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)

2020/07/11 Javascript

利用python实现数据分析

2017/01/11 Python

python和c语言的主要区别总结

2019/07/07 Python

浅谈tensorflow 中tf.concat()的使用

2020/02/07 Python

canvas绘图按照contain或者cover方式适配并居中显示

2019/02/18 HTML / CSS

中国医药集团国药在线：国药网

2017/02/06 全球购物

英语自我评价范文

2014/01/24 职场文书

小学毕业感言500字

2014/02/28 职场文书

餐厅采购员岗位职责

2014/03/06 职场文书

安全协议书

2014/04/23 职场文书

预备党员个人总结

2015/02/14 职场文书

辛德勒的名单观后感

2015/06/03 职场文书

地震捐款简报

2015/07/21 职场文书

办公室日常管理制度

2015/08/04 职场文书

浅谈Redis跟MySQL的双写问题解决方案

2022/02/24 Redis

vue实力踩坑之push当前页无效

2022/04/10 Vue.js