html2canvas + FileSaver浏览器问题

Question

我目前正在使用html2canvas和FileSaver，以便在单击按钮时保存生成的画布。将弹出一个对话框，用户可以选择保存图像的位置，并根据需要重命名。它完美地运行在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