画布 - 使用php或js保存到图像

Question

I have a canvas element and want to name it and save it as a jpg in my file system.

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

I can use either PHP or JS.

Is this possible? It seems like it should be easy.

Answer 1

You can try this

Getting url as base64 create a dynamic link with hreaf as data url and click to force download and then remove link

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>

</div>