在 Canvas 中编辑图像时将文本放在数据库中的图像上

Question

我有一个问题，我很困惑我应该选择什么策略来解决这个问题。 这是描述。

1. 我有一个通过用户身份验证管理的图库。
2. 接下来我有一个简单的表单，可以将引号保存到数据库中。
3. 从图库中选择一张图片，它会在画布中打开。我正在使用Adobe Creative SDK。 这是演示图片。

4. 接下来我必须从数据库中选择（复制）文本以在文本字段中添加（粘贴），但我不知道该怎么做。

这是我必须为客户完成的任务。我从未见过类似的例子。这似乎是独一无二的。请提供一些建议。

Answer 1

Adobe Creative SDK 的编辑器不允许您在图像上预填充文本，因此无法执行此任务。您可能会找到一种在 Adob​​e 编辑器上叠加文本的方法，但是保存图像的问题又出现了。

如果您不需要任何其他编辑工具，您可以简单地用图像创建一个画布，覆盖文本并允许用户选择字体、定位文本、应用图章等...

完成后，连接一个保存按钮以使用 canvas.toDataURL('image/png') 的内容发布该字段，并在服务器端保存它。

这将比使用其他人的小部件更工作，但客户将掌握自己的命运（并拥有他们以前没有的工作产品）。

保持简单并从那里构建。