javascript - php/javascript 将 Canvas 保存为文件

Question

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

Answer 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);