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

Question

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

我有一个通过用户身份验证管理的画廊。

接下来，我有一个简单的表单，可以将引号保存到数据库中。

从图库中选择一个图像，它会在 Canvas 中打开。我正在使用 Adobe Creative SDK .
这是演示图像。

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

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

Answer 1

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

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

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

与使用其他人的小部件相比，这将是更多的工作，但客户将控制自己的命运(并且拥有一个他们以前不会拥有的工作产品)。

保持简单并从那里开始构建。