使用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/