js 将canvas生成图片保存,或直接保存一张图片的实现方法


Posted in Javascript onJanuary 02, 2018

将canvas数组保存

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

canvas:传入canvas的dom对象

name:保存的图片的名字

直接将图片保存的方法

function downLoadImage(img,name) {
  var a = document.createElement("a");
  a.href = img.src;
  a.download = name;
  a.click();
}

img:图片的dom对象

name:保存为图片时的名字

以上这篇js 将canvas生成图片保存,或直接保存一张图片的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 异步处理进度条
Apr 01 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
vue一个页面实现音乐播放器的示例
Feb 06 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
如何用Node写页面爬虫的工具集
Oct 26 Javascript
小程序外卖订单界面的示例代码
Dec 30 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 #Javascript
JS实现验证码倒计时的注册页面
Jan 02 #Javascript
使用socket.io实现简单聊天室案例
Jan 02 #Javascript
使用socket.io制做简易WEB聊天室
Jan 02 #Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 #Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 #Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 #jQuery
You might like
表格展示无限级分类(PHP版)
2012/08/21 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
php检查日期函数checkdate用法实例
2015/03/19 PHP
zend framework重定向方法小结
2016/05/28 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
对JavaScript客户端应用编程的一些建议
2015/06/24 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
jQuery扩展_动力节点Java学院整理
2017/07/05 jQuery
Node 自动化部署的方法
2017/10/17 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
python微元法计算函数曲线长度的方法
2018/11/08 Python
python文档字符串(函数使用说明)使用详解
2019/07/30 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
python中K-means算法基础知识点
2021/01/25 Python
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
盛大二次面试题
2016/11/18 面试题
2014年党员创先争优承诺书
2014/05/29 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
工作时间调整通知
2015/04/24 职场文书
宝宝满月祝酒词
2015/08/10 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android