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

js 中的switch表达式使用示例

Jun 03 Javascript

jQuery中阻止冒泡事件的方法介绍

Apr 12 Javascript

jquery ui bootstrap 实现自定义风格

Nov 14 Javascript

JS实现动态生成表格并提交表格数据向后端

Nov 25 Javascript

Jq通过td获取同行其它列td的方法

Oct 05 Javascript

分享vue.js devtools遇到一系列问题

Oct 24 Javascript

Angular入口组件（entry component）与声明式组件的区别详解

Apr 09 Javascript

vue 实现边输入边搜索功能的实例讲解

Sep 16 Javascript

发布一款npm包帮助理解npm的使用

Jan 03 Javascript

JS计算斐波拉切代码实例

Sep 12 Javascript

vue实现员工信息录入功能

Jun 11 Javascript

jQuery实现计算器功能

Oct 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

完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数

2013/06/08 PHP

php通过rmdir删除目录的简单用法

2015/03/18 PHP

php判断表是否存在的方法

2015/06/18 PHP

php获取远程文件的内容和大小

2015/11/03 PHP

PHP实现的文件操作类及文件下载功能示例

2016/12/24 PHP

老生常谈PHP数组函数array_merge(必看篇)

2017/05/25 PHP

PHP读取、解析eml文件及生成网页的方法示例

2017/09/04 PHP

php安装扩展mysqli的实现步骤及报错解决办法

2017/09/23 PHP

如何在PHP中使用AES加密算法加密数据

2020/06/24 PHP

将jQuery应用于login页面的问题及解决

2009/10/17 Javascript

javascript改变position值实现菜单滚动至顶部后固定

2013/01/18 Javascript

jQuery中delegate与on的用法与区别示例介绍

2013/12/20 Javascript

玩转方法:call和apply

2014/05/08 Javascript

ThinkJS中如何使用MongoDB的CURD操作

2016/12/13 Javascript

如何用input标签和jquery实现多图片的上传和回显功能

2018/05/16 jQuery

聊聊鉴权那些事(推荐)

2019/08/22 Javascript

JSONP 的原理、理解与实例分析

2020/05/16 Javascript

JavaScript Event Loop相关原理解析

2020/06/10 Javascript

Python 对象中的数据类型

2017/05/13 Python

Python数据结构之双向链表的定义与使用方法示例

2018/01/16 Python

python图书管理系统

2020/04/05 Python

python判断数字是否是超级素数幂

2018/09/27 Python

对Python模块导入时全局变量__all__的作用详解

2019/01/11 Python

python redis连接有序集合去重的代码

2019/08/04 Python

python生成器推导式用法简单示例

2019/10/08 Python

python打印直角三角形与等腰三角形实例代码

2019/10/20 Python

css3的动画特效之动画序列（animation）

2017/12/22 HTML / CSS

迷你分体式空调：SoGoodToBuy

2018/08/07 全球购物

英国领先的体验日提供商：Buyagift

2019/04/19 全球购物

英智兴达软件测试笔试题

2016/10/12 面试题

初一学生期末评语

2014/04/24 职场文书

工作粗心大意检讨书

2014/09/18 职场文书

2014年财务工作自我评价

2014/09/23 职场文书

大学生毕业评语

2014/12/31 职场文书

mysql幻读详解实例以及解决办法

2022/06/16 MySQL

Mybatis-plus配置分页插件返回统一结果集

2022/06/21 Java/Android