html2canvas + FileSaver Browser Probleme

Question

Ich arbeite derzeit mit html2canvas und FileSaver, um die generierte Leinwand zu speichern, wenn auf die Schaltfläche geklickt wird. Ein Dialogfeld wird eingeblendet, und der Benutzer kann auswählen, wo das Bild gespeichert und umbenannt werden soll, wenn er dies wünscht. Es funktioniert perfekt ... in Firefox. Ich kann es nicht in Chrome, IE oder Safari zum Laufen bringen.

Die html2canvas wird ihren Teil tun, und erstellen Sie das Bild aus dem Div in all diesen Browsern. Das FileSaver-Dialogfeld wird in den oben genannten Browsern nicht funktionieren.

Irgendwelche Ideen? Ich habe mein Skript angehängt. https://jsfiddle.net/ticklishoctopus/556etja4/

Script (mit etwas Hilfe von vorherigen SO Beiträgen):

$(function() { 
    $("#btnSave").click(function() { 
     html2canvas($("#testbtn"), { 
      onrendered: function (canvas) { 
       theCanvas = canvas; 
       document.body.appendChild(canvas); 

       canvas.toBlob(function (blob) { 
        saveAs(blob, "testimage.jpg"); 
       }); 
      } 
     }); 
    }); 
}); 

Answer 1

Realisierte toBlob wird nicht unterstützt in Chrome können Sie meinen vollen Arbeits Code hier sehen. Verwenden Sie stattdessen: Possible Solution