js 將canvas生成圖片保存,或直接保存一張圖片的實現(xiàn)方法
更新時間：2018年01月02日 14:20:34 作者：專注前端30年
下面小編就為大家分享一篇js 將canvas生成圖片保存,或直接保存一張圖片的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
將canvas數(shù)組保存
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生成圖片保存,或直接保存一張圖片的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
原生javascript中this幾種常見用法總結(jié)
這篇文章主要介紹了原生javascript中this幾種常見用法,結(jié)合實例形式總結(jié)分析了JavaScript中this的功能、常見用法及操作注意事項,需要的朋友可以參考下2020-02-02
Bmail聯(lián)系人飛來飛去效果...2007-01-01
本文給大家?guī)韮煞Njs中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對js查找字符串出現(xiàn)次數(shù)的相關(guān)知識感興趣的朋友一起看看吧2016-09-09
這篇文章主要為大家詳細介紹了JS使用base64格式上傳文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了Json實現(xiàn)傳值到后臺代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-06-06
js實現(xiàn)簡單的省市縣三級聯(lián)動效果實例
這篇文章主要介紹了js實現(xiàn)簡單的省市縣三級聯(lián)動效果,以完整實例形式分析了JavaScript實現(xiàn)省市縣三級聯(lián)動效果的具體步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-02-02
用Javascript判斷圖片是否存在，不存在則顯示默認圖片的代碼
用Javascript判斷圖片是否存在，不存在則顯示默認圖片的代碼,需要的朋友可以參考下。2007-03-03
這篇文章主要幫助大家輕松掌握JavaScript策略模式，什么是js策略模式，感興趣的小伙伴們可以參考一下2016-08-08
本文整理了一些常用的web打印及局部打印的方法以備不時之需，感興趣的朋友可以學習下2013-05-05
這篇文章主要給大家介紹了關(guān)于利用JS、CSS實現(xiàn)列表自動滑動滾動效果的相關(guān)資料,本人在項目中遇到這樣的需求,親自來做的,通過html頁面配合js,css來做出的列表自動滑動,需要的朋友可以參考下2024-07-07