保存图像时 html2canvas 加载问题

html2canvas loading issue when saving the image

我正在使用以下代码使用 html2canvas 将 div 的内容(图像和文本)保存为图像。

$(function() { 

    $("#save").click(function() {

        var flag = true;
        var imgpath = document.getElementById('file').value;
        if(imgpath.length == 0)
        {
            alert('Please select image file to upload.');
            flag = false;   
        }
        else
        {
            html2canvas($('.body740'), {
                onrendered: function(canvas) {
                theCanvas = canvas;

                var url = canvas.toDataURL("image/png");
                var br = document.createElement("br"); 
                var center = document.createElement("center"); 
                var newImg = document.createElement("img"); // create img tag   
                newImg.src = url;

                $(".body740").hide();
                $("#canvas").show(); //div where the final image is shown
                document.getElementById("rsimg").src=url;
                document.getElementById("rsa").href=url;
                }
            });
        }
    });
});

这是我的 link : http://www.aamras.com/greetings2/

但是,当我点击保存图像按钮时,生成图像需要很长时间。为什么加载要花这么多时间?有什么问题?

已解决:更改html2cannvas的版本。我之前用的是html2canvas 0.5.0-alpha 2014版 我切换到 html2canvas 0.5.0-alpha1。它可以正确生成图像,并且不需要花时间。您可以从 https://github.com/niklasvh/html2canvas/releases

下载文件