任意将文本放在输入字段

时间:2016-01-19 18:20:03

标签: javascript ruby-on-rails forms

我是Rails和编码的新手,尽管有一些激烈的谷歌搜索,但他仍在努力寻找一个看似相当直接的问题的解决方案。我希望社区能够指出我进一步阅读或提出解决方案的方向:

我有一个基本上允许用户填写表单的应用程序。表单在背景中呈现为.jpg,z-index为-1(表单是发件人的依赖项),我希望用户能够在输入中的任意位置放置文本领域。该位置应存储在数据库中或以其他方式记住,以便在使用show视图时可以将其呈现在正确的位置。

我允许发件人上传自己的表单,因此只需将表单字段放在正确的位置即可。

似乎会有某种优雅的javascript解决方案,我似乎无法找到任何相关信息。

非常感谢建议的解决方案或进一步阅读!

1 个答案:

答案 0 :(得分:0)

让我看看我是否正确理解你。当你说“形式”在背景中呈现时,你指的是一个物理形式......就像你在一张纸上找到的东西,而不是那种称为形式的HTML“东西”? p>

如果我对此的理解是正确的,那么您可能希望允许用户在与图像上打印字段的物理位置相对应的任意位置“覆盖”图像上方输入文本?有点像可编辑的PDF有效吗?

在给它一点思考并且没有想出任何明显的解决方法之后,我能给出的最好的一般建议就是让你看看HTML 5 Canvas元素。它可能需要一些JS魔术,但将这些上传的表单设置为画布的“背景图像”可能相当简单,该画布允许用户在其上键入任意内容。从那里,我确信有合理的方法来保存画布的“状态”,以便它可以传输到某种服务器端的持久层。