PHPで簡易デコメール/簡易アバター画像生成システムを作る

はじめに

　前回はImagickのインストール、画像サイズ変換について紹介しました。

　今回は主に携帯サイトでブラウザ上から文字を入力して指定した画像の上に文字を描いたり、複数の画像を合成して1枚の画像を生成するアプリケーションの構築例を、Imagickの機能と共に説明します。

対象読者

　PHPでのWEBアプリケーション開発について基本的なことを理解している方を対象とします。

動作環境と開発環境

　本連載で紹介するサンプルなどで実行している環境は次のとおりです。

• CentOS 5.3
• Httpd 2.0.61
• PHP 5.3

事前準備

　前回説明した画像の読み書き／操作クラスのImagickに加えて、描画用クラスImagickDrawというクラスを利用します。ImagickDrawは、Imagickで読み込んだ画像や生成した画像に線や文字を描画したり、枠をつけたりという加工を行うメソッドを集約したクラスです。

　Imagickインストール時にImagickDrawも同時にインストールされますので、インストールに関して特別な作業は必要ありません。Imagickのインストール手順に関しては前回の記事を参照してください。

本記事で紹介するサンプルを実行する際に

　今回のサンプルで使用するフォントは、以下のフリーフォント配布サイトからダウンロードしたものを使用しました。各サンプル実行時には各フォントをダウンロード後、sampleフォルダ内のfontフォルダに配置して実行してください。

• みかちゃんフォント
• 白舟書体
• 怨霊フォント
• もふ字
• うずらフォント

指定した画像に文字を描く

　次のように画像に横と縦に文字を描くサンプルを作成します。

　ImagickDrawで日本語文字を扱う場合は、Imagickで呼び出される画像処理ライブラリImageMagickが日本語などのマルチバイト文字を扱う際にUnicodeで処理するように設計されているため、Unicodeの符号化形式の一つとしての文字コードであるUTF-8を使用します。

　サンプルのように文字を描く下地となる画像を指定する方法、画像上の任意の位置に文字を描画する方法を説明します。

文字列を描画する下地となるキャンバスを定義する

　文字列を描画するキャンバスはImagickで画像を読み込んで定義します。

$im = new Imagick();
// 下地となる画像を読み込む
$im->readImage("images/neko.jpg");

文字列を描画する下地となる画像の属性を変更する

　複数の画像を合成したり、画像とImagickDrawクラスで定義したオブジェクト（後述）を合成する場合にはImagickで読み込んだ画像の属性を合成可能に変更する必要があります。

　この属性変更はImagickのcoalesceImagesメソッドで行います。

// 複数の画像を合成できるようにプロパティを変更
$canvas = $im->coalesceImages();