实测JavaScript代码将canvas下载为图片

实测当你按下HTML按钮时,利用JavaScript代码将canvas作为图片下载。

HTML代码

<canvas id="canvas"><canvas>
<button id="download">download</button>

实测JavaScript代码将canvas下载为图片

JavaScript代码

document.getElementById("download").onclick = (event) => {
    let canvas = document.getElementById("canvas");

    let link = document.createElement("a");
    link.href = canvas.toDataURL("image/png");
    link.download = "test.png";
    link.click();
}


本文来源:词雅网

本文地址:https://www.ciyawang.com/javascript-canvas.html

本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权,转载或使用请署名并注明出处。

相关推荐