javascript - Canvas - 使用 php 或 js 保存到图像

Question

我有一个 canvas 元素，想要命名它并将其以 jpg 格式保存在我的文件系统中。

var canvas = document.getElementById("myCanvas");
var dataURL = canvas.toDataURL();
console.log(dataURL)

我可以使用 PHP 或 JS。

这可能吗？看起来应该很容易。

Answer 1

你可以试试这个

获取 url 作为 base64 创建一个动态链接，使用 hreaf 作为数据 url，然后单击强制下载，然后删除链接

var canvas = document.getElementById("myCanvas");
var dataURL = canvas.toDataURL();
console.log(dataURL);

 var e = document.createElement('a');
        var href = dataURL
        e.setAttribute('href', href);
        e.setAttribute('download', "FILE NAME.png");
        document.body.appendChild(e);
        e.click();
        document.body.removeChild(e);

<canvas id="myCanvas"></canvas>