如何在Web表單上合併圖像和文本？

Question

我需要建議 - 我可以使用什麼技術來創建網站表單以合併2張圖像[從列表中獲取]和一個文本字段中的文本？ 我想看到在同一頁上的結果。

Answer 1

我看到兩種可能的解決方案。

首先，使用純javascript和canvas： 我看到了simillar問題here和here。

作者使用純JavaScript和DOM來處理html5畫布。 所以問題是在上下文上繪製圖像，並插入文本。 要插入文字，有方法fillText，我不確定它會第一次看起來不錯，但是學習畫布應該可以解決問題。

所以HTML5帆布是第一個答案。

優點：

• 容易實現，只有JavaScript

缺點：作爲應用成長

• 可能不適合你的需求。

其次，根據事實，可能會有一些限制，例如，

• 您的圖片必須是在同一個域中的應用程序
• 你想做些什麼更加困難的圖像和文字

，那麼你可以使用服務器端應用程序，並與服務器端圖形工作圖書館。

它可能是例如PHP GD，用於php。

Here是可能的解決方案在PHP中。 應用程序可能看起來像：

• 獲得數據與形式（上載從光盤映像，填充文本框）點擊提交，做一個AJAX POST電話與多形式的數據到PHP頁面後
• 在ajax響應中接收到生成的圖像。

優點：

• 能解決更困難的任務，爲您的應用程序可能
  發展。

缺點：

• 有兩種語言的學習 - PHP和JavaScript。

• 可能很難在同一時間和 文本發送兩個圖像的PHP腳本，但它可能

第一個解決方案是那麼複雜，你可以測試的代碼即興的，但第二個解決方案是要求更高，但您可以達到更好的效果，並擁有更強大的技術。