如何将png图像格式下载的画布不作为二进制文件?

时间:2014-06-02 07:19:00

标签: javascript html5-canvas

我有一个数学编辑器,我在其中使用画布来编写方程式或任何数学公式,我想将该画布保存为图像,我能够将图像保存为二进制文件,我必须每次打开选择窗口照片查看器,我想将其另存为图像。

直到现在,为了保存图像,我使用了以下代码:

var data = canv.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href = data;

将其保存在二进制文件中。

2 个答案:

答案 0 :(得分:0)

这将解决您的问题:

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

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

答案 1 :(得分:0)

       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。