Wie Leinwand Bild (Base64) in Javascript herunterladen

Question

Ich verwende html2canvas. Chrome lädt das Bild herunter, aber der andere Browser lädt das Bild nicht herunter.

Dies ist der Code:

html2canvas($("body")[0], { 
     onrendered: function(canvas) { 
     var img = canvas.toDataURL("image/png"); 
     var link = document.createElement('a'); 
     link.download = "test.png"; 
     link.href = img; 
     link.click(); 
     } 
    }); 

Wie kann ich das Bild zu bekommen auf anderem Browser zum Download?

Answer 1

download Attribut ist nicht weit kompatibel.

http://caniuse.com/#feat=download

Allerdings funktioniert es in Firefox, Chrome, Opera und Android, wenn nicht für Sie arbeiten, es ist wahrscheinlich, weil der Benutzer nicht ein Click-Ereignis macht (Sie versuchen gemacht Veranstaltung zum Download auf), so dass Chrome einen Sicherheitsfehler hat.

Wenn der Benutzer keinen Klick in den Nirgendwo macht, werden aus Sicherheitsgründen keine Klicks ausgelöst. Offensichtlich.

Answer 2

Es funktioniert für mich, wenn ich die link in die Seite vor dem Trigger click wie unten,

document.body.appendChild(link); 
link.click(); 
link.parentNode.removeChild(link);