php / javascript将canvas保存为文件

时间:2016-11-11 16:19:02

标签: javascript canvas download

我有一个画布,需要将其保存到本地磁盘。 Javascript无法将AFAIK写入磁盘。因此,我考虑在服务器上保存画布(我知道如何执行此操作)并自动启动下载,如下所述: How to Automatically Start a Download in PHP? 这个程序有更直接的解决方案吗?

1 个答案:

答案 0 :(得分:1)

是的,您现在可以在客户端创建图像下载。浏览器处理与客户端文件系统的交互。有一个名为download.js的库可以简化这个过程。

var data = canvas.toDataURL();
var fileName = "myCoolPicture.png";
var strMimeType = 'image/png';
download(data, fileName, strMimeType);

<小时/> 如何从SVG图像

获取dataURI
function getSVGDataURL(svg){
    return "data:image/svg+xml;utf8,"+svg.outerHTML;
}

var svg = document.getElementById('svg');
var dataurl = getSVGDataURL(svg);