用jQuery插入文字到圖片中

我一直在尋找幾個小時的時間，而且我仍然無法找到一個很好的jQuery插件（或其他任何東西），這會幫助我插入文本到照片。用jQuery插入文字到圖片中

我不希望文字「超過」圖像。我希望文字會成爲圖像的一部分。我將用它來在線製作激勵/激勵海報。除了文字問題之外，我也無法想出一種使黑色「填充」的方法。

我真的很感激，如果你能給我一些關於如何解決這個問題的指針或提示。謝謝！

2011-06-21 Alvydas

jquery用於UI處理 - 即在用戶界面級別處理事件 - 在瀏覽器中進行處理。你需要在服務器端創建 - 使用PHPs imagemagick庫，例如

2011-06-21 07:06:11

這解釋了很多！謝謝！ – Alvydas

您將無法使用javascript編輯圖像。您可能必須使用某種服務器端語言進行圖像編輯。

2011-06-21 07:05:23 rahul

謹慎解釋downvote的原因？ – rahul

如果你有很好的HTML5支持，可以使用Canvas元素。

您可以使用：

ctx.drawImage(img, dx, dy);

來呈現<img>標籤的內容到畫布上以指定的偏移量（給你一個邊框），以及：

ctx.fillText(...);

加入您的自己的文字在上面。

查看W3C spec。

如果你沒有HTML5，它必須在服務器端完成。

2011-06-21 07:09:29 Alnitak

看看Raphaël。您可能需要動態加載圖像並創建一個新圖像作爲輸出。

否則，HTML 5將是一個選項，否則將需要服務器端解決方案，如其他人所述。

2011-06-21 07:09:37 Rasika

非常好的選擇，但不適用於所有瀏覽器和舊版瀏覽器。 –

Raphaël目前支持Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+和Internet Explorer 6.0+。你期望現在的技術比你想象的要早？如果您需要高級功能，則必須忘記舊版瀏覽器並迫使他們趕上技術。 – Rasika

回答