画像処理についてあれこれ: ImageMagickとPHPで、画像に半透明角丸四角の枠をつける

Monday, June 02, 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>sample406</title>
</head>
<body>
<?php
/* 画像に半透明角丸四角の枠をつけて重ね合わせ */
$im = new Imagick('sf.jpg');
/* 縦横50%の大きさにリサイズ */
$sx = $im->getImageWidth()/2;
$sy = $im->getImageHeight()/2;
$im->resizeImage($sx, $sy, imagick::FILTER_MITCHELL, 1);

/* 透明角丸四角用のイメージを作成 */
$im2 = new Imagick();
$dx = 10;
$dy = 10;
$im2->newImage($sx+$dx*2, $sy+$dy*2, 'none');
$idraw = new ImagickDraw();
/* 塗りつぶし色設定 */
$idraw->setFillColor('#c0c0c050');
/* ストローク色設定 */
$idraw->setStrokeColor('#e0e0e050');
/* 角丸四角描画 */
$idraw->roundrectangle(0, 0, $im2->getImageWidth()-1, $im2->getImageHeight()-1,$dx,$dy);
$im2->drawImage($idraw);
/* 半透明角丸四角と画像を重ね合わせ */
$im2->compositeImage($im, Imagick::COMPOSITE_DEFAULT, $dx, $dy);
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* 画像を回転 */
$im2->rotateImage('none', -10);

/* 背景用画像を読み込み */
$im3 = new Imagick('sf2.jpg');
/* 背景用画像と重ね合わせ */
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 150, 100);
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
$im3->writeImage('sample406a.jpg');
/* $im3->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
?>

<img src="sample406a.jpg" />

</body>
</html>

元画像1(sf.jpg)