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

Question

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

1. 我有一个通过用户身份验证管理的画廊。
2. 接下来我基本上有一个简单的表格，可以将报价保存到数据库中。
3. 从画廊中选择一个图像，它会在画布中打开。我正在使用Adob​​e Creative SDK。这是演示图像。

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

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

Answer 1

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

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

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

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

保持简单并从那里构建。