使用Javascript下载图片

问题描述：

我有一个程序在图像上写文本并下载它。我在图片上写了文字。现在我想通过点击下载按钮来下载它。使用Javascript下载图片

要点是：有一个绘制按钮，它将在图像上绘制文本。而不是我需要下载按钮，这将结合绘制文本和下载为PNG文件。我没有使用PHP。它的画布只。

以下是节目链接：

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

的问题是，你有没有书面文本图像，您只需将文字添加到您的dom中并将其放在您的图像上。你应该看看如何将html转换为'canvas'对象，然后将'canvas'转换为图像并下载。这是第一部分的好的js库https://html2canvas.hertzen.com/ – gaynorvader

答

尝试在这个环节确保此功能会工作

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/

使用Javascript下载图片

相关推荐