编程 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辅助函数inherit()的问题

Apr 07 Javascript

浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题

Jun 11 Javascript

浅谈jQuery中setInterval()方法

Jul 07 Javascript

javascript基础知识分享之类与函数化

Feb 13 Javascript

js点击返回跳转到指定页面实现过程

Aug 20 Javascript

最全的Javascript编码规范(推荐)

Jun 22 Javascript

javaScript给元素添加多个class的简单实现

Jul 20 Javascript

js禁止浏览器的回退事件

Apr 20 Javascript

详解bootstrap-fileinput文件上传控件的亲身实践

Mar 21 Javascript

vue cli4.0项目引入typescript的方法

Jul 17 Javascript

javascript canvas实现简易时钟例子

Sep 05 Javascript

浅谈Vue使用Elementui修改默认的最快方法

Dec 05 Vue.js

简介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实现的在线人员函数库

2008/04/09 PHP

解析php 版获取重定向后的地址(代码)

2013/06/26 PHP

PHP以mysqli方式连接类完整代码实例

2014/07/15 PHP

浅谈php中include文件变量作用域

2015/06/18 PHP

php实现QQ空间获取当前用户的用户名并生成图片

2015/07/25 PHP

yii用户注册表单验证实例

2015/12/26 PHP

php的socket编程详解

2016/11/20 PHP

详解PHP多个进程配合redis的有序集合实现大文件去重

2019/03/06 PHP

JS 用6N±1法求素数实例教程

2009/10/20 Javascript

Jquery ui css framework

2010/06/28 Javascript

jquery form表单序列化为对象的示例代码

2014/03/05 Javascript

javascript获取checkbox复选框获取选中的选项

2014/08/12 Javascript

jQuery匹配文档链接并添加class的方法

2015/06/26 Javascript

浅析Node.js实现HTTP文件下载

2016/08/05 Javascript

JSON字符串和JSON对象相互转化实例详解

2017/01/05 Javascript

基于js原生和ajax的get和post方法以及jsonp的原生写法实例

2017/10/16 Javascript

vue-cli axios请求方式及跨域处理问题

2018/03/28 Javascript

jQuery实现小火箭返回顶部特效

2020/02/03 jQuery

[02:57]DOTA2亚洲邀请赛 SECRET战队出场宣传片

2015/02/07 DOTA

python使用reportlab实现图片转换成pdf的方法

2015/05/22 Python

Python提取网页中超链接的方法

2016/09/18 Python

ML神器：sklearn的快速使用及入门

2019/07/11 Python

解决 jupyter notebook 回车换两行问题

2020/04/15 Python

新建文件时Pycharm中自动设置头部模板信息的方法

2020/04/17 Python

css3 矩阵的使用详解

2018/03/20 HTML / CSS

Linux如何为某个操作添加别名

2015/02/05 面试题

客服文员岗位职责

2013/11/29 职场文书

机械系毕业生求职信

2014/05/28 职场文书

中秋晚会策划方案

2014/06/12 职场文书

2014年保洁工作总结

2014/11/24 职场文书

2015年社会实践个人总结

2015/03/06 职场文书

2015年母亲节活动策划方案

2015/05/04 职场文书

导游词之蓬莱长岛

2019/12/17 职场文书

pytorch实现手写数字图片识别

2021/05/20 Python

SpringBoot全局异常处理方案分享

2022/05/25 Java/Android

python绘制云雨图raincloud plot

2022/08/05 Python