<分区>
我有一个程序可以在图像上写文字并下载它。我在图片上写了文字。现在我想通过单击下载按钮来下载它。
要点是:有一个绘制按钮可以在图像上绘制文本。而不是我需要下载按钮,它将结合绘制文本和下载为 png 文件。我没用过php。只有它的 Canvas 。
程序链接如下:
[http://codepen.io/vengreat/pen/dGvJyK][1]
标签 javascript html css
<分区>
我有一个程序可以在图像上写文字并下载它。我在图片上写了文字。现在我想通过单击下载按钮来下载它。
要点是:有一个绘制按钮可以在图像上绘制文本。而不是我需要下载按钮,它将结合绘制文本和下载为 png 文件。我没用过php。只有它的 Canvas 。
程序链接如下:
[http://codepen.io/vengreat/pen/dGvJyK][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);
关于javascript - 使用 Javascript 下载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34631989/