如何在网页上下载“添加了文字的图像”？

Question

我正在创建一个post maker Web应用程序，您可以在其中添加图像和文本，现在我想向***添加一个下载按钮。

  

下载图片和文字

***。

我添加了<img>标签以添加图片，并添加了<input type="textarea">以实现此目的。

Answer 1

我认为您无法使用<img>来做到这一点 也就是说，您可以使用<canvas>并仅使用JS保存完成的画布：

var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 

window.location.href=image;