【问题标题】:How to merge images and text on web form?如何在 Web 表单上合并图像和文本?
【发布时间】:2015-09-21 15:35:59
【问题描述】:

我需要建议 - 我可以使用什么技术来创建网站表单以合并 2 个图像 [从列表中获取] 和一个文本字段中的文本? 我想在同一页面上查看结果。

【问题讨论】:

    标签: forms web


    【解决方案1】:

    我看到了两种可能的解决方案。

    首先,使用纯 javascript 和画布: 我看到了类似的问题herehere

    作者使用纯 javascript 和 DOM 来操作 html5 Canvas。 所以问题是在上下文中绘制图像,并插入文本。 要插入文本,有方法fillText,我不确定第一次看起来会不会很好,但是学习画布应该可以解决问题。

    所以 HTML5 Canvas 是第一个答案。

    优点:

    • 易于实施且只有 javascript

    缺点:

    • 随着应用程序的发展,可能无法满足您的需求。

    其次,根据事实,可能会有一些限制,例如。

    • 您的图片必须与您的应用在同一个域中
    • 你想用图片和文字做一些更难的事情

    然后您可以使用服务器端应用程序,并使用服务器端图形库。

    它可能是例如 PHP GD,用于 php。

    Here 是 php 中可能的解决方案。 该应用程序可能如下所示:

    • 通过表单获取数据(从光盘上传图片,填写文本字段)
    • 点击提交后,使用 multipart-form-data 对 php 页面进行 AJAX POST 调用
    • 在 ajax 响应中接收结果图像。

    优点:

    • 可以解决更困难的任务,您的应用程序可能会针对这些任务
      进化。

    缺点:

    • 有两种语言需要学习 - php 和 javascript。

    • 一次将两个图像发送到 php 脚本可能很困难,并且 文字,但有可能

    第一个解决方案不太复杂,您可以测试代码即席,但第二个解决方案要求更高,但您可以获得更好的结果并拥有更强大的技术。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-05-04
      • 1970-01-01
      • 2016-07-25
      • 1970-01-01
      • 2023-03-04
      • 2016-09-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多