将画布另存为 png

Posted 2023-05-07

【中文标题】将画布另存为 png

【英文标题】：Save canvas as 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

我在这里错过了什么？

【参考方案1】：

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

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

【讨论】：

检查小提琴扩展。他们在那里。（左侧的外部资源）

我建议您获取图像的序列化数据并使用github.com/eligrey/FileSaver.js 让您选择文件名。