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中StringBuffer类的实现方法及使用
Sep 02 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
node thread.sleep实现示例
Jun 20 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
Vue项目打包部署到apache服务器的方法步骤
Feb 01 Vue.js
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
检查url链接是否已经有参数的php代码 添加 ? 或 &
2010/02/09 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
javascript背投广告代码的完善
2008/04/08 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
jQuery事件_动力节点Java学院整理
2017/07/05 jQuery
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
python如何保证输入键入数字的方法
2019/08/23 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
python烟花效果的代码实例
2020/02/25 Python
django queryset相加和筛选教程
2020/05/18 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
python3 kubernetes api的使用示例
2021/01/12 Python
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers