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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
JavaScript中valueOf函数与toString方法深入理解
Dec 02 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
vue+iview实现分页及查询功能
Nov 17 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
web方式ftp
2006/10/09 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
javascript 自定义事件初探
2009/08/21 Javascript
浏览器窗口加载和大小改变事件示例
2014/02/27 Javascript
js完美解决IE6不支持position:fixed的bug
2015/04/24 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
python无序链表删除重复项的方法
2020/01/17 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
logging level级别介绍
2020/02/21 Python
Python数组拼接np.concatenate实现过程
2020/04/18 Python
Python定时任务APScheduler安装及使用解析
2020/08/07 Python
python中count函数知识点浅析
2020/12/17 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
演讲比赛策划方案
2014/06/11 职场文书
2015年外联部工作总结
2015/04/03 职场文书
新课程改革心得体会
2016/01/22 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers