js实现将canvas保存成图片并下载到本地
2017-09-19 17:06
731 查看
//图片导出为 png 格式 var type< 4000 /span> = 'png'; var imgData = canvas.toDataURL(type); /** * 获取mimeType * @param {String} type the old mime-type * @return the new mime-type */ var _fixType = function(type) { type = type.toLowerCase().replace(/jpg/i, 'jpeg'); var r = type.match(/png|jpeg|bmp|gif/)[0]; return 'image/' + r; }; // 加工image data,替换mime type imgData = imgData.replace(_fixType(type),'image/octet-stream'); /** * 在本地进行文件保存 * @param {String} data 要保存到本地的图片数据 * @param {String} filename 文件名 */ var saveFile = function(data, filename){ var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a'); save_link.href = data; save_link.download = filename; var event = document.createEvent('MouseEvents'); event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); save_link.dispatchEvent(event); }; // 下载后的文件名 var filename = '二维码 .' + type; // download saveFile(imgData,filename);
相关文章推荐
- js实现canvas保存图片为png格式并下载到本地的方法
- js小方法+Canvas 利用js 实现浏览器保存图片到本地
- 用ASP.NET实现下载远程图片保存到本地的方法 保存抓取远程图片的方法
- [分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技
- 实现从网上下载图片然后保存到本地
- 【JavaScript】基于H5 canvas实现的画板绘图工具(类似你画我猜)——整合颜色选取、保存图片到本地功能
- js截图及绕过服务器图片保存至本地(html2canvas)
- 用ASP.NET实现下载远程图片保存到本地的方法 保存抓取远程图片的方法
- js实现通过canvas截图保存到本地
- 用js实现下载远程文件并保存在本地的脚本
- Canvas实现保存图片到本地
- Web开发之用canvas2image.js将canvas保存为图片(实现页面截图下载功能)
- php完美实现下载远程图片保存到本地
- js 下载图片与下载文件的方式一样;保存至本地 ASP.NET 方式
- php完美实现下载远程图片保存到本地(保存微信头像)
- 用js实现下载远程文件并保存在本地的脚本
- Node.js使用fs模块实现对本地图片下载
- 用ASP.NET实现下载远程图片保存到本地的方法 保存抓取远程图片的方法
- js 将canvas生成图片保存,或直接保存一张图片的实现方法
- PHP实现下载远程图片保存到本地的方法