KANTENNA.COM

Solarized

HOME > WEBプログラム覚書 > GDを利用してテキストを画像に変換

GDを利用してテキストを画像に変換

テキストをimgに変換するにはGDライブラリを利用すれば できるようなのでちょいと試してみました。

とりあえずググってみると、とてもわかりやすいサンプルが 沢山出てくるので基本はなんとなくわかるのですが 使いやすくしようとするととたんに問題発生。

header()を利用しないとダメっぽいので img出力前にhtml描画ができないという罠。

streamでどうにかできないか試しましたが 全然できそうもなかったのでタグ出力する機能と イメージ生成する機能で分離することにしました。

header()無しでできる方法ないんでしょうか・・・

ImgHeadliner プロトタイプ

その名のとおりとりあえず動くってレベルで試作です。もっといい方法ありそうな気もするので。

クライアントコード

スクリプト読み込み

フォーマット

出力コード

見出しを想定してるのでテキストあった方がいい気がするので spanで囲んであります。CSSでdisplay:noneとかで消すとよいとおもいます。

サンプル

サンプル実行結果

どんなスタイルが設定してあるかはImgHeadlinerStyles.phpを参照ください。

アルファが利用できるpngを利用するとアンチエイリアスが微妙なことになります。 背景色とalphaを調整することで少しはマシになります。(Style1とStyle2)

構成ファイル

ImgHeadlinerStyles.php

ここに記述したStyleKeyを利用します。

ImgHeadlinerAPI.php

出力コードを変更したい場合こちらのview()を変更。

ImgHeadliner.php

クライアントから受け取った文字列から 出力に必要な情報を集めてシリアライズして保存します。

CreateHeadLinerImg.php

出力されたkeyから保存されたオブジェクトを探して それを元に出力します。

data/

シリアライズデータを置きます。読み書き可能にしてください。

font/

確認できるようIPAフォントを同梱してます。 licence.txtをお読みになってご利用ください。

動作環境

PHP 5.x とGDライブラリが入ってれば動くかと思います。 PHP 5.2.6(lolipop)では確認できました。

ダウンロード

ImgHeadliner.zip