将画布保存为png

时间:2014-04-01 09:32:22

标签: javascript canvas save

我需要帮助将canvas保存为png。它被保存为没有扩展名的文件

使用canvas2image库 http://www.nihilogic.dk/labs/canvas2image/

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

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#img-out").append(canvas);
                // Clean up 
                //document.body.removeChild(canvas);
            }
        });
    });
}); 

http://jsfiddle.net/JCQm5/7

我在这里错过了什么?

1 个答案:

答案 0 :(得分:1)

我发现你正在使用来自http://www.nihilogic.dk/labs/canvas2image/的Canvas2Image,这个库只适用于canvas元素。

您是否将所需的base64和canvas2image js文件添加到head部分的脚本标记中? 被投降真的被触发了吗?