Javascript [AngularJS]キャンバスをカスタム名の画像として保存する機能

Question

保存ボタンをクリックすると、カスタム名でキャンバスを画像として保存できる機能を探しています。今の私はcanvas要素を取り、データの形式を指定し、私のjavascript関数に以下の行を持っている：

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

私は、画像のカスタム名を与える方法がわからない、それを作成する方法ダウンロード。

ご協力いただければ幸いです。

おかげ

Answer 1

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

は、このコードを入れて、あなたが行われています。

Answer 2

これは私が再送プロジェクト

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