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 相关文章推荐
javascript RadioButtonList获取选中值
Apr 09 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
jQuery设置div一直在页面顶部显示的方法
Oct 24 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
如何使用原生Js实现随机点名详解
Jan 06 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英文单词统计器
2016/06/23 PHP
php测试kafka项目示例
2020/02/06 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
2014/04/12 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
JS实现的对象去重功能示例
2019/06/04 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
python开发中range()函数用法实例分析
2015/11/12 Python
使用Python中的tkinter模块作图的方法
2017/02/07 Python
python实现下载文件的三种方法
2017/02/09 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
Python解决八皇后问题示例
2018/04/22 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python中super函数用法实例分析
2019/03/18 Python
Python3安装Pillow与PIL的方法
2019/04/03 Python
python编写实现抽奖器
2020/09/10 Python
python实现三种随机请求头方式
2021/01/05 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
高一数学教学反思
2014/02/07 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
西安导游词
2015/02/12 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
与死神共舞观后感
2015/06/15 职场文书
高一化学教学反思
2016/02/22 职场文书
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript