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