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

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

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

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

【问题讨论】:

    标签: javascript image canvas drawing


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2014-07-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多