画像処理についてあれこれ: 2008-06-22

Saturday, June 28, 2008

JMagickでアニメーションGIFを出力する

JMagickでアニメーションＧＩＦを出力するには、以下のコードを実行します。


import java.awt.*;
import magick.*;

public class JMagickTest38
{
  public static void main(String args[])
      throws MagickException
  {
      String files[] = {"sample3b.jpg", "sample4.jpg", "sample6.jpg"};
      MagickImage frames[] = new MagickImage[files.length];
      int fn = 0;
      for(fn=0;fn<files.length;fn++){
          frames[fn] = new MagickImage(new ImageInfo(files[fn]));
          frames[fn].setDelay(100);
      }
      MagickImage mi = new MagickImage(frames);
      mi.setFileName("sample479a.gif");
      mi.writeImage(new ImageInfo());
  }
}

元画像1(sample3b.jpg)

元画像2(sample4.jpg)

元画像3(sample6.jpg)

出力画像(sample479a.gif)

環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16
関連情報
JMagickまとめ

Friday, June 27, 2008

PHPとImageMagickでアニメーションGIFを生成する

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>sample478(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 複数の画像からanimated gifを作成する */
$fns = array('sample3b.jpg', 'sample4.jpg', 'sample6.jpg');
$im = new Imagick();
foreach( $fns as $fn ){
$im2 = new Imagick($fn);
$im->addImage($im2);
$im->setImageDelay(100);
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
}
$im->writeImages('sample478a.gif', true);
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample478a.gif" />

</body>
</html>

元画像１(sample3b.jpg)

元画像２(sample4.jpg)

元画像3(sample6.jpg)

出力画像(sample478a.gif)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.1

Thursday, June 26, 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>sample477(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像にメディアンフィルタをかける */
$im = new Imagick('sf.jpg');
$im->medianFilterImage(5);
$im->writeImage('sample477a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample477a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample477a.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.1

関連項目
ImageMagickでメディアンフィルタを適用する（Convertコマンドで同様の処理）

Wednesday, June 25, 2008

RMagickを使用して画像の指定の角丸四角の領域以外を暗くする

RMagickを使用して指定の角丸四角の領域以外を暗くするには、以下のコードを実行します。


require 'RMagick'
include Magick

# 暗くしない部分を切り取り
img1 = ImageList.new("sf2.jpg")
img2 = Image.new(img1.columns, img1.rows){
   self.background_color = "none"
}
img1.alpha = ActivateAlphaChannel
dr = Draw.new
dr.fill = "white"
dr.roundrectangle(10,10,209,209, 20, 20)
dr.draw(img2);
img3 = img1.composite(img2, 0, 0, DstInCompositeOp);

# 暗くする部分を作成
img4 = ImageList.new("sf2.jpg")
img5 = img4.modulate(0.3, 1.0, 1.0)

# 重ね合わせ
img6 = img5.composite(img3, NorthWestGravity, 0, 0, OverCompositeOp);
img6.write("sample470a.jpg")

exit

元画像(sf2.jpg)

出力画像(sample470a.jpg)

動作環境
ruby1.8.6-26/RMagick-2.3.0-ImageMagick-6.4.0-2-Q8

関連項目
ImageMagickで、任意の矩形領域、角丸四角、円以外の領域を暗くする　（Convertコマンドで同様の処理）

Tuesday, June 24, 2008

ImageMagickとPHPでバッジ画像を生成する

ImageMagickとPHPでバッジ画像を生成するには、以下のコードを実行します。

<!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>sample476(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* バッジ画像を生成する */
/* 分割数 */
$par = 64;
/* 中心x */
$cx = 100;
/* 中心y */
$cy = 100;
/* 半径(大) */
$rad1 = 90;
/* 半径(小) */
$rad2 = 80;

/* イメージ作成 */
$im = new Imagick();
$im->newPseudoImage(200, 200, 'xc:white');

$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 = new ImagickDraw();
$idraw->setFillColor('#bbddff');
/* 座標に基づき、ポリゴンを描画 */
$idraw->polygon($points);
$im->drawImage($idraw);

$im->writeImage('sample476a.jpg');

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

?>

<img src="sample476a.jpg" />

</body>
</html>

出力画像(sample476a.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.1

Monday, June 23, 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>sample475(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像をサーモグラフィ風画像にする */
$im = new Imagick('sf.jpg');

/* グラデーション用画像の作成 */
$im2 = new Imagick();
$im2->newPseudoImage(1, 1, 'xc:black');
$colors = array('xc:blue', 'xc:green',
'xc:yellow', 'xc:red', 'xc:white');
foreach($colors as $color){
$im3 = new Imagick();
$im3->newPseudoImage(1, 1, $color);
$im2->addImage($im3);
$im2->setImageIndex(0);
$nim=$im2->appendImages(true);
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
$im2 = $nim;
}

/* 作成したグラデーションを使用して変換 */
$im->addImage($im2);
$im->setImageIndex(0);
$im3 = $im->fxImage("v.p{0,(r+g+b)/3*6}");
$im3->writeImage('sample475a.jpg');
/* $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="sample475a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample475a.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.1

関連項目
ImageMagickで、画像をサーモグラフィ風に加工する

Sunday, June 22, 2008

JMagickで画像の彩度を右方向へ徐々に落とす

JMagickで画像の彩度を右方向へ徐々に落とすには、以下のコードを実行します。


import java.awt.*;
import magick.*;

public class JMagickTest37
{
  public static void main(String args[])
      throws MagickException
  {
      /* 元画像のサイズ取得 */
      MagickImage mi = new MagickImage(new ImageInfo("sf.jpg"));
      int iw = (int)mi.getDimension().getWidth();
      int ih = (int)mi.getDimension().getHeight();
      /* 半透明グラデーションを作成 */
      ImageInfo ii = new ImageInfo("gradient:#00000000-#ffffffff");
      ii.setSize(ih + "x" + iw);
      MagickImage mi2 = new MagickImage(ii);
      MagickImage mi3 = mi2.rotateImage(90);
      mi.compositeImage(CompositeOperator.CopyOpacityCompositeOp,mi3,0,0);

      /* 彩度をおとした画像を生成 */
      MagickImage mi4 = new MagickImage(new ImageInfo("sf.jpg"));
      mi4.modulateImage("100,10,100");

      mi4.compositeImage(CompositeOperator.SrcOverCompositeOp,mi,0,0);

      mi4.setFileName("sample473a.jpg");
      mi4.writeImage(new ImageInfo());
  }
}

元画像(sf.jpg)

出力画像(sample473a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16

関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)
ImageMagickで、上・下・左・右に徐々に彩度を落とす (Convertコマンドによる同様の処理)