在图像上绘图和书写并保存

【问题标题】：Drawing and writing on image and save it在图像上绘图和书写并保存
【发布时间】：2019-08-29 12:29:17
【问题描述】：

我有图片托管在服务器上，我想开发一些功能让用户有可能在图片上绘制。他们也需要写一些文字，最后将结果保存为图片。

最后，它是一个简单的编辑器，但我没有找到允许它的 JavaScript 库......

【问题讨论】：

【解决方案1】：

您可以使用Canvas API 轻松实现此目的。

可以通过创建new Image 对象将您的图像拉入画布。画布 API 本身有很多方法可以完成图像上显示的操作（绘制椭圆等形状和光栅化文本）。

最后，可以使用toDataURL 方法将画布保存到 png 中。

我敢肯定，如果您在 Internet 上进行挖掘，您会发现已经有一些用于此类事物的库。可能要尝试的一些关键字是“图像编辑库 JS”或类似的东西。如果您在网上遵循一些示例来了解如何执行每个单独的位，那么您自己开发功能应该是可以的。希望这会有所帮助:)

【讨论】：