全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

js实现canvas保存图片为png格式并下载到本地的方法

整理文档,搜刮出一个js实现canvas保存图片为png格式并下载到本地的方法,稍微整理精简一下做下分享。

1.canvas 保存图片

2.下载到本地

function base64Img2Blob(code){

        var parts = code.split(';base64,');

        var contentType = parts[0].split(':')[1];

        var raw = window.atob(parts[1]);

        var rawLength = raw.length;

 

        var uInt8Array = new Uint8Array(rawLength);

 

        for (var i = 0; i < rawLength; ++i) {

         uInt8Array[i] = raw.charCodeAt(i);

        }

 

        return new Blob([uInt8Array], {type: contentType}); 

      }

      function downloadFile(fileName, content){

        

        var aLink = document.createElement('a');

        var blob = base64Img2Blob(content); //new Blob([content]);

        

        var evt = document.createEvent("HTMLEvents");

        evt.initEvent("click", false, false);//initEvent 不加后两个参数在FF下会报错

        aLink.download = fileName;

        aLink.href = URL.createObjectURL(blob);

     

        aLink.dispatchEvent(evt);

      }      

downloadFile('ship.png', canvas.toDataURL("image/png")); 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# js  # canvas保存图片  # canvas  # 保存为图片  # canvas保存图片为png  # 使用JavaScript下载图片并保存到本地的详细解释和代码示例  # 使用JavaScript下载图片并保存到本地超详细实例代码  # 报错  # 不加  # 大家多多  # 文档  # contentType  # raw  # var  # parts  # split  # length  # uInt8Array 


相关文章: ,在苏州找工作,上哪个网站比较好?  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何在万网主机上快速搭建网站?  建站主机是什么?如何选择适合的建站主机?  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  电商平台网站制作流程,电商网站如何制作?  如何选择最佳自助建站系统?快速指南解析优劣  c++怎么用jemalloc c++替换默认内存分配器【性能】  如何通过FTP服务器快速搭建网站?  如何用VPS主机快速搭建个人网站?  如何在建站之星绑定自定义域名?  定制建站模板如何实现SEO优化与智能系统配置?18字教程  ,网站推广常用方法?  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  微信小程序 五星评分(包括半颗星评分)实例代码  *服务器网站为何频现安全漏洞?  如何在云主机快速搭建网站站点?  佛山网站制作系统,佛山企业变更地址网上办理步骤?  Bpmn 2.0的XML文件怎么画流程图  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何用美橙互联一键搭建多站合一网站?  专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何通过西部数码建站助手快速创建专业网站?  常州自助建站:操作简便模板丰富,企业个人快速搭建网站  Python文件管理规范_工程实践说明【指导】  济南专业网站制作公司,济南信息工程学校怎么样?  建站之星2.7模板快速切换与批量管理功能操作指南  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  建站之星后台管理:高效配置与模板优化提升用户体验  如何高效完成独享虚拟主机建站?  如何用花生壳三步快速搭建专属网站?  如何选择高效稳定的ISP建站解决方案?  活动邀请函制作网站有哪些,活动邀请函文案?  自助网站制作软件,个人如何自助建网站?  建站之星IIS配置教程:代码生成技巧与站点搭建指南  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?  如何彻底删除建站之星生成的Banner?  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?  如何快速启动建站代理加盟业务?  网站制作和推广的区别,想自己建立一个网站做推广,有什么快捷方法马上做好一个网站?  如何在万网自助建站平台快速创建网站?  婚礼视频制作网站,学习*后期制作的网站有哪些?  建站主机与服务器功能差异如何区分?  如何快速搭建高效香港服务器网站?  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  建站IDE高效指南:快速搭建+SEO优化+自适应模板全解析  如何在宝塔面板中创建新站点?  如何自定义建站之星网站的导航菜单样式?  如何用低价快速搭建高质量网站? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。