使用Javascript下载图像

Question

我有一个程序可以在图像上写入文本并下载它。我在图像上写了文字。现在我想通过点击下载按钮下载它。

点是：有一个绘制按钮，可以在图像上绘制文本。而不是我需要下载按钮，它将绘制文本和下载结合为png文件。我不习惯使用php。它的画布只。

这是程序链接：

[http://codepen.io/vengreat/pen/dGvJyK][1]

Answer 1

在此链接中尝试此功能，确保它可以正常工作

function downloadCanvas(link, canvasId, filename) {
    link.href = document.getElementById(canvasId).toDataURL();
    link.download = filename;
}


document.getElementById('draw').addEventListener('click', function() {
    downloadCanvas(this, 'canvas', 'test.png');
}, false);

https://jsfiddle.net/hellosrini/dw9bmt0u/