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 相关文章推荐
使javascript也能包含文件
Oct 26 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
详解javascript数组去重问题
Nov 06 Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
jQuery轻松实现无缝轮播效果
Mar 22 jQuery
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 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
模仿OSO的论坛(四)
2006/10/09 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
调整PHP的性能
2013/10/30 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
vue实现提示保存后退出的方法
2018/03/15 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
2019/07/10 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
node后端服务保活的实现
2019/11/10 Javascript
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
电脑教师的教学自我评价
2013/11/26 职场文书
法人代表证明书
2014/09/18 职场文书
《日月潭》教学反思
2016/02/20 职场文书
Pytest allure 命令行参数的使用
2021/04/18 Python
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
关于nginx 实现jira反向代理的问题
2021/09/25 Servers
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers