如何下载画布为PNG图像格式,而不是二进制文件

how to download the canvas as png image format only not as binary file?

本文关键字:格式 图像 二进制文件 PNG 何下载 下载      更新时间:2023-09-26

我有一个数学编辑器,我使用画布来写方程或任何数学公式,我想把画布保存为图像,我可以把图像保存为二进制文件,我每次都要通过选择窗口照片查看器打开,我想把它保存为一个图像。

到目前为止,为了保存图像,我使用了以下代码:
var data = canv.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href = data;

将其保存为二进制文件

这将解决您的问题:

window.location = canv.toDataURL("image/png");

canv为Canvas对象。您不需要将image/png替换为image/octet-stream

       var dl = $doc.getElementById("preview");
            function dlCanvas() 
            {
                var divs=$doc.getElementById("yahoo");
                canv = divs.childNodes[0];
                   var dt = canv.toDataURL('image/png');
                   this.href = dt;
            };
            dl.addEventListener('click', dlCanvas, false);

预览HTML页面上的锚标记id