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

初学JavaScript_03(ExtJs Grid的简单使用)

Oct 02 Javascript

ASP SQL防注入的方法

Dec 25 Javascript

jquery的Theme和Theme Switcher使用小结

Sep 08 Javascript

Javascript排序算法之计数排序的实例

Apr 05 Javascript

jQuery满意度星级评价插件特效代码分享

Aug 19 Javascript

jQuery实现模拟flash头像裁切上传功能示例

Dec 11 Javascript

JS实现控制图片显示大小的方法【图片等比例缩放功能】

Feb 18 Javascript

jQuery鼠标悬停内容动画切换效果

Apr 27 jQuery

Vue学习笔记进阶篇之多元素及多组件过渡

Jul 19 Javascript

angularjs利用directive实现移动端自定义软键盘的示例

Sep 20 Javascript

javaScript中"=="和"==="的区别详解

Mar 16 Javascript

jQuery实现颜色打字机的完整代码

Mar 19 jQuery

简介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使用sql数据库获取字段问题介绍

2013/08/12 PHP

PHP自动生成后台导航网址的最佳方法

2013/08/27 PHP

dvwa+xampp搭建显示乱码的问题及解决方案

2015/08/23 PHP

php发送短信验证码完成注册功能

2015/11/24 PHP

PHP中Enum(枚举)用法实例详解

2015/12/07 PHP

Linux安装配置php环境的方法

2016/01/14 PHP

PHP使用openssl扩展实现加解密方法示例

2020/02/20 PHP

php设计模式之代理模式分析【星际争霸游戏案例】

2020/03/23 PHP

windows系统php环境安装swoole具体步骤

2021/03/04 PHP

jQuery 使用手册(三)

2009/09/23 Javascript

jQuery获取和设置表单元素的方法

2014/02/14 Javascript

将字符串中由空格隔开的每个单词首字母大写

2014/04/06 Javascript

JS实现固定在右下角可展开收缩DIV层的方法

2015/02/13 Javascript

JavaScript中的方法重载实例

2015/03/16 Javascript

JS获取字符串实际长度(包含汉字)的简单方法

2016/08/11 Javascript

Javascript中call，apply，bind方法的详解与总结

2016/12/12 Javascript

Vue 2.0 中依赖注入 provide/inject组合实战

2019/06/20 Javascript

基于js实现复制内容到操作系统粘贴板过程解析

2019/10/11 Javascript

vue Tab切换以及缓存页面处理的几种方式

2019/11/05 Javascript

Vue如何循环提取对象数组中的值

2020/11/18 Vue.js

CentOS中使用virtualenv搭建python3环境

2015/06/08 Python

python利用urllib实现爬取京东网站商品图片的爬虫实例

2017/08/24 Python

pytorch构建网络模型的4种方法

2018/04/13 Python

mac PyCharm添加Python解释器及添加package路径的方法

2018/10/29 Python

Python3 shutil（高级文件操作模块）实例用法总结

2020/02/19 Python

Scrapy框架介绍之Puppeteer渲染的使用

2020/06/19 Python

CSS3色彩模式有哪些？CSS3 HSL色彩模式的定义

2016/04/26 HTML / CSS

营销人才自我鉴定范文

2013/12/25 职场文书

美容院营销方案

2014/03/05 职场文书

入党积极分子自我鉴定范文

2014/03/25 职场文书

学生保证书范文

2014/04/28 职场文书

爱护公共设施标语

2014/06/24 职场文书

晚会闭幕词

2015/01/28 职场文书

介绍信模板

2015/01/31 职场文书

合同范本之电脑出租

2019/08/13 职场文书

JVM之方法返回地址详解

2022/02/28 Java/Android