javascript - html2canvas + FileSaver 浏览器问题

Question

我目前正在使用 html2canvas 和 FileSaver，以在单击按钮时保存生成的 Canvas 。将弹出一个对话框，用户可以选择保存图像的位置并根据需要重命名。它在 Firefox 中完美运行。我似乎无法让它在 Chrome、IE 或 Safari 中工作。

html2canvas 将发挥其作用，并在所有这些浏览器中从 div 创建图像。 FileSaver 对话框在上述浏览器中不起作用。

有什么想法吗？我已附上我的脚本。您可以在这里查看我的完整工作代码: https://jsfiddle.net/ticklishoctopus/556etja4/

脚本(在之前的 SO 帖子的一些帮助下):

$(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

已实现 Chrome 不支持 toBlob。使用这个代替: Possible Solution