将画布另存为 png答案

【问题标题】：Save canvas as png将画布另存为 png
【发布时间】：2014-04-01 09:32:21
【问题描述】：

我需要帮助将画布保存为 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

我在这里错过了什么？

【问题讨论】：

标签： javascript canvas save

【解决方案1】：

我看到您正在使用来自http://www.nihilogic.dk/labs/canvas2image/ 的 Canvas2Image，该库仅适用于画布元素。

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

【讨论】：

检查小提琴扩展。他们在那里。（左侧的外部资源）
我建议您获取图像的序列化数据并使用github.com/eligrey/FileSaver.js 让您选择文件名。