Tuesday, July 15, 2008

ImageMagickとPHPでグラデーションバッジ画像を作成する

Imagickでグラデーションバッジ画像を作成するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample500(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* グラデーションバッジ画像を生成する */
/* 画像幅 */
$sx = 200;
/* 画像高さ */
$sy = 200;
/* 分割数 */
$par = 64;
/* 中心x */
$cx = 100;
/* 中心y */
$cy = 100;
/* 半径(大) */
$rad1 = 90;
/* 半径(小) */
$rad2 = 80;

/* グラデーション作成 */
$im = new Imagick();
$im->newPseudoImage($sx, $sy, "gradient:#bbddff-#4466bb");
$idraw = new ImagickDraw();
$idraw->pushPattern('gradient', 0, 0, $sx, $sy);
$idraw->composite(Imagick::COMPOSITE_OVER, 0, 0, $sx, $sy, $im);
$idraw->popPattern();

/* イメージ作成 */
$im2 = new Imagick();
$im2->newPseudoImage($sx, $sy, 'xc:none');

$dr1=0;
$dr2=360/($par*2);
while($dr2<360){
$points[] = array(
'x' => (int)($cx-cos(2*pi()*$dr1/360)*$rad1),
'y' => (int)($cy-sin(2*pi()*$dr1/360)*$rad1)
);
$points[] = array(
'x' => (int)($cx-cos(2*pi()*$dr2/360)*$rad2),
'y' => (int)($cy-sin(2*pi()*$dr2/360)*$rad2)
);
$dr1 += 360/$par;
$dr2 += 360/$par;
}

$idraw->setFillPatternURL('#gradient');
/* 座標に基づき、ポリゴンを描画 */
$idraw->polygon($points);
$im2->drawImage($idraw);

/* 影つけ */
$im3=$im2->clone();
$im3->setImageBackgroundColor('black');
$im3->shadowImage(40,2,5,5);

/* 白背景と重ね合わせ */
$im4 = new Imagick();
$im4->newImage($im->getImageWidth(), $im->getImageHeight(), 'white');
$im4->addImage($im3);
$im4->addImage($im2);
$im5=$im4->mosaicImages();


/* フォント設定 */
$idraw->setFont("Arial");
/* フォントサイズ設定 */
$idraw->setFontSize(25);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* 描画色 */
$idraw->setFillColor("white");
$im5->annotateImage($idraw, 0, 0, 0, "ImageMagick");


$im5->writeImage('sample500a.jpg');

/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im5->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im5->destroy();
/* $im4->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im4->destroy();
/* $im3->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample500a.jpg" />

</body>
</html>

出力画像(sample500a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

No comments: