JavaScript Canvas 下载

Question

我从 Canvas 下载绘图时遇到问题。这是我的代码:

    function downloadCanvas(link, canvasId, filename) {
    link.href = document.getElementById(canvasId).toDataURL();
    const le = link.href;
    console.log(le);
    le.download = filename;
};
download.addEventListener('mousedown', function() {
    downloadCanvas(this, 'draw', 'Drawing.jpeg');
}, false);

控制台显示le的值，这是下载链接，但文件没有下载...这里出了什么问题？我是初学者。

Answer 1

您遇到的问题是您正在尝试下载链接位置，而您只需要下载链接文件。

要解决此问题，您应该将 const le = link.href; 更改为 const le = link;。但是，您也可以删除 const le 并将 le.download 更改为 link.download。

希望有帮助!

编辑:

这是代码的清理版本:

function downloadCanvas(link, canvasId, filename) {
    link.href = document.getElementById(canvasId).toDataURL();
    link.download = filename;
};
download.addEventListener('mousedown', function() {
    downloadCanvas(this, 'draw', 'Drawing.jpeg');
}, false);