jQueryで画像にテキストを挿入する

Question

私は数時間前から検索してきましたが、まだ素晴らしいjqueryプラグイン（または何か他のもの）が見つからないようで、テキストを挿入するのに役立ちます絵。

私はテキストが画像の上にあることを望んでいません。私はテキストがイメージの一部になることを望む。私はそれを動機づけ/デモティヴ・ポストをオンラインで作るために使用します。テキストの問題に加えて、私はまた、黒の "パディング"を作る方法を見つけることができません。

これにアプローチする方法のヒントやヒントを教えていただければ幸いです。ありがとうございました！

Answer 1

jqueryは、ブラウザでのUI処理（ユーザーインターフェイスレベルでの処理）です。あなたが望むものは、サーバー側で作成する必要があります - 例えばPHPs imagemagickライブラリを使用します。

Answer 2

javascriptを使用して画像を編集することはできません。イメージ編集にはサーバーサイド言語を使用する必要があります。

Answer 3

これは、Canvas要素を使用して可能です。

を使用でき

：（あなたの境界線を与える）指定されたオフセットでキャンバスに<img>タグの内容をレンダリングするために

ctx.drawImage(img, dx, dy); 

を、そして：

ctx.fillText(...); 

あなたを追加します一番上に自分のテキスト。

W3C specを参照してください。

HTML5をお持ちでない場合は、サーバー側で行う必要があります。

Answer 4

Raphaëlをご覧ください。イメージを動的にロードし、出力として新しいイメージを作成する必要があります。

そうしないと、HTML 5がオプションになるか、他の方法で述べたようにサーバー側のソリューションが必要になります。