Javascript [AngularJS] Funktion Leinwand als Bild speichern mit benutzerdefinierten Namen

Question

Ich bin für eine Funktion suchen, die Leinwand als ein Bild mit benutzerdefinierten Namen speichern können, wenn speichern Schaltfläche geklickt wird. Denn jetzt habe ich die folgenden Zeilen in meiner Javascript-Funktion habe, die das Canvas-Element nehmen und das Format der Daten angeben:

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

Ich weiß nicht, wie Sie einen benutzerdefinierten Namen des Bildes geben und wie man es machen herunterladen.

Jede Hilfe wird geschätzt.

Dank

Answer 1

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

Put dieser Code und Sie fertig sind. Diese

Answer 2

ist, wie ich es auf einem resent Projekt hat

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); 
    }); 
};