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

Question

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

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

您可以在这里看到我需要的最终结果的示例： https : //nsa40.casimages.com/img/2019/08/29/190829023122267348.jpg

Answer 1

您可以使用Canvas API轻松实现这一目标。

您可以通过创建新的Image对象将图像拖入画布。 canvas API本身有很多方法可以处理图像上显示的内容（绘制椭圆和光栅化文本等形状）。

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

我敢肯定，如果您在Internet上闲逛，您会发现已经有一些用于此类事情的图书馆。 可能尝试使用的某些关键字是“图像编辑库JS”或类似的关键字。 如果您按照网上的示例进行操作，则可以自行开发功能。 希望这可以帮助 ：）