画像にテキストを埋め込むにはどうすればよいですか?埋め込まれたテキストは、URLにハイパーリンクされている必要があります。ユースケースは、新しいページを開く「ここをクリック」というリンクを含む画像を作成するようなものです。
5 に答える
これを達成するためのオプションが必要です。
選択したグラフィックプログラムを使用して、画像にテキストを追加します。(自動処理にはImageMagickを使用します)次に、画像マップを作成して、画像の一部をクリック可能にします。ある種の「ホット状態」が必要な場合は、元の画像の上に絶対的に配置された小さな画像を使用し、Javascriptを使用してそれらを表示/非表示にする必要があります。必要に応じて、画像全体をクリック可能にする方が簡単な場合があります。
通常の画像と通常のハイパーリンクを追加します。通常のimgタグを使用するか、コンテナの背景画像を設定することができます。次に、絶対位置を使用して、ハイパーリンクを画像の上の目的の位置に移動します。このソリューションでは、ホバー効果を作成するためにJavascriptは必要ありません。
Z インデックスやイメージ マップを避けたい場合は、イメージをテーブルまたは div の背景として設定し、テーブルまたは div 内にテキストを配置するという昔ながらの方法で行うことができます。 .
画像エディタを使用して、目的のテキストを画像自体に追加してから、必要なURLにテキストが表示される領域に画像マップを使用します。サンプルについては、 http://shreedhar.kotekar.com/ImageMapSample.htmで私のサンプルを確認してください。
asp.netを使用している場合、開発者のfusinからASP.NETを使用して画像にテキストを埋め込むこの良い例を示しています。
編集-あなたのコメントから、あなたはphpを探しているようです:PHPで画像にテキストを追加する
このツールを使用できます:
そしてここgithubで:
https://github.com/blauharley/LoremImageCryptonator
この JS オブジェクトの助けを借りて、必要なテキストを埋め込むことができます。2 つのメソッド (getCryptoImage、getTextFromCryptoImage) を提供し、画像へのテキストの挿入と画像からのテキストの抽出に使用できます。
ユースケースでは、画像がクリックされるとすぐに URL を挿入して抽出できます。
ただし、まず最初に、URL が挿入された「Crypto-Image」を作成してから画像を保存する必要があります。保存された「Crypto-Image」は、ページに表示できます。
お役に立てれば。