我目前正在使用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");
               });
            }
         });
     });
});

最佳答案

Chrome不支持Realized toBlob。使用此代替:
Possible Solution

关于javascript - html2canvas + FileSaver浏览器问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37579123/

10-12 13:49