問題タブ [imagettftext]

「その他の記号と絵文字」ユニコード ブロックの下にある絵文字を描画する際に問題が発生しました。

コード例を次に示します。

出力は次のとおりです。

これは次のようになります。

ご覧のとおり、これらの絵文字は両方とも異なる Unicode ブロックの下にあります。サイクロンは「Miscellaneous Symbols And Pictographs」の下にあり、実際のキャラクターの代わりに HTML エンティティが描画されますが、雪だるまは「Miscellaneous Symbols」の下にあり、正しく描画されます。使用しているフォントに両方の文字が含まれていることを再確認しました。

明確にするために、HTML エンティティではなく、実際の文字を描画したいと考えています。

UTF8 としてレンダリングされた同じ文字:

ここで、imagettftext() 関数を使用してユーザー入力テキストから画像に変換された画像に境界線を追加しようとしています。

デモリンク:-ここをクリック

以下のスナップショットのような期待される出力を探しています

以下は、テキストを画像に変換するために使用しているサンプルphpコードです。

このコードを使用して、PHP で 3 つの画像をマージすることができました。

テキストを追加したいので、最終的なコードは次のとおりです。

しかし、画像が表示されません

imagettftext を使用して PNG ファイルをレンダリングしています。imagettftext() を呼び出すと、テキストがレンダリングされた境界ボックスが返されますが、詳しく調べると、テキストは独自の境界ボックスのわずかに外側にレンダリングされています! 境界ボックスは正しい (画像のピクセル座標を調べた) が、テキストの位置が正しくないため、これを出力します。ボックスは、テキストをレンダリングした後に返された境界ボックスです。

私のコードは次のとおりです。

PHPでimagepngとimagettftext関数を使用して、画像のテキストを中央に配置する必要があります。

これが私のコードです：

テキストは URL パラメータ「名前」にあります。このテキストを画像の中央に配置する必要があります。

質問を理解しやすくするために、この非常に単純なスクリプトを作成しました。

それは何をしなければなりませんか？

ユーザーは、テキストを画像のどこに配置するかを選択します。次に、画像が生成されます。

問題 ：

テキストが正しい Y 軸位置に配置されていません。フォントファミリー/サイズによって異なります。font-family は変更できます。したがって、位置を「ハードコード」することはできません。

問題があると思う場所：

imagettftext() doc によると: 引数 Y はフォントのベースラインの位置であり、文字の一番下ではありません

したがって、HTML/CSS でレンダリングされるのとまったく同じ位置を取得するには、ベースラインとフォントの上部の間の高さを Y 位置に追加する必要があると思います。これが、imagettfbbox() の値 7 を使用する理由です。

しかし、うまくいきません。Y 位置は、良い場合もあれば悪い場合もあります。理由がわかりません。

アイデアがあれば... ありがとうございます！

結果の例: