Javascript [AngularJS]將畫布另存爲自定義名稱的圖像

我正在尋找一個函數，它可以在單擊保存按鈕時將畫布另存爲具有自定義名稱的圖像。現在，我已經在我的JavaScript函數以下行內搭帆布元素，並指定數據的格式：Javascript [AngularJS]將畫布另存爲自定義名稱的圖像

var canvas1 = document.getElementById("canvasSignature");      
var myImage = canvas1.toDataURL("image/png");

我不知道怎麼給圖像的自定義名稱，以及如何使它下載。

任何幫助將不勝感激。

感謝

來源

2016-12-27 nikitz

http://stackoverflow.com/questions/3916191/download-data-url-file？ – Alexis

http://stackoverflow.com/a/7952401/2545680？ –

看看[這js小提琴]（https://jsfiddle.net/AbdiasSoftware/7PRNN/） – Jax

-1

html2canvas($("#container"), { 
       onrendered: function (canvas) { 
        var a = document.createElement("a"); 
        a.download = "Dashboard.png"; 
        a.href = canvas.toDataURL("image/png"); 
        a.click(); 
        } 
      });

把這段代碼和你做。

來源

2016-12-27 10:27:19 Dixit

爲什麼這個答案得到-1。如果有人有任何疑問，請添加評論。 – Dixit

這是我做這件事是一個重發項目

var dataURIToBlob = function(dataURI, callback) { 
    var binStr = atob(dataURI.split(',')[1]), 
    len = binStr.length, 
    arr = new Uint8Array(len); 
    for (var i = 0; i < len; i++) { 
     arr[i] = binStr.charCodeAt(i); 
    } 
    callback(new Blob([arr], { 
     type: 'image/png' 
    })); 
}; 
var fileName = 'filename.png'; 
var base64 = canvas.toDataURL('png'); 
dataURIToBlob(base64, function(blob){ 
    args.download = fileName; 
    args.href = URL.createObjectURL(blob); 
    }); 
};

來源

2017-02-28 04:33:42

Javascript [AngularJS]將畫布另存爲自定義名稱的圖像

回答

相關問題