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

Saturday, July 12, 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>sample497(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* ２値化して光が溢れるような画像に変換する */
/* ２値化してマスク作成 */
$im = new Imagick('tree1.jpg');
$im->blackThresholdImage('#808080');
$im->whiteThresholdImage('#808080');
/* 反転 */
$im->negateImage(true);
$im->paintTransparentImage("black", 0, 0);
/* アルファチャネルをぼかす */
$im->blurImage(20, 10, Imagick::CHANNEL_ALPHA);

/* マスクを利用して切り取り */
$im2 = new Imagick('tree1.jpg');
$im->compositeImage($im2, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

/* 白背景と合成 */
$im3 = new Imagick();
$im3->newPseudoImage($im->getImageWidth(), $im->getImageHeight(), "xc:white");
$im3->compositeImage($im, Imagick::COMPOSITE_DEFAULT, 0, 0);

$im3->writeImage('sample497a.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="sample497a.jpg" />

</body>
</html>

元画像(tree1.jpg)

出力画像(sample497a.jpg)

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

関連項目
ImageMagickで、２値化して光が溢れるような画像に変換する　（Convertコマンドでの同様の処理）
ImageMagickで、光が溢れるぼかし画像に変換する

Friday, July 11, 2008

Java2Dで画像を重ね合わせる

Java2Dで画像を重ね合わせるには、以下のコードを実行します。


import java.io.*;
import java.awt.*;
import java.awt.image.*;
import javax.imageio.*;

public class Java2DTest5
{
  public static void main(String args[])
      throws Exception
  {
      /* 画像の重ね合わせ */
      BufferedImage img = ImageIO.read(new File("sf.jpg"));
      BufferedImage img2 = ImageIO.read(new File("sample6.jpg"));
      Graphics2D gr = img.createGraphics();
      gr.drawImage(img2,10,10,null);
      gr.dispose();
      ImageIO.write(img, "jpg", new File("sample496a.jpg"));
  }
}

元画像1(sf.jpg)

元画像2(sample6.jpg)

出力画像(sample496a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
Java2Dで画像を半透明に重ね合わせる

ImageMagickとPHPで大きさの違う画像を連結する時の余白の色を指定する

Imagickで大きさの違う画像を連結する時の余白の色を指定するには、
setImageBackgroundColorメソッドを使用します。

<!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>sample495(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 大きさの違う画像を連結する時の余白の色を指定する */
$im = new Imagick('sf2.jpg');
$im2 = new Imagick('sf.jpg');
$im->addImage($im2);
$im->setImageIndex(0);
$im->setImageBackgroundColor("#383030");
$im3=$im->appendImages(true);
$im3->writeImage('sample495a.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="sample495a.jpg" />

</body>
</html>

元画像1(sf.jpg)

元画像２(sf2.jpg)

出力画像(sample495a.jpg)

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

Thursday, July 10, 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>sample494(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像に網掛けする */
$im = new Imagick('sf.jpg');
$im2=$im->fxImage('i%2*j%2?p:p*0.7');
$im2->writeImage('sample494a.jpg');
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample494a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample494a.jpg)

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

関連項目
ImageMagickで網掛けをする　(convertコマンドでの同様の処理)

Wednesday, July 09, 2008

RMagickで任意の２色の上下グラデーションの角丸四角を描画する

RMagickで任意の２色の上下グラデーションの角丸四角を描画するには、以下のコードを実行します。


require 'RMagick'
include Magick

# 画像サイズ
sx = 150
sy = 150
# 角丸サイズ
rx = 20
ry = 20
img = ImageList.new
img.new_image(sx, sy){
   self.background_color = "none"
}
img[0].alpha = ActivateAlphaChannel
dr = Draw.new
# フィル色
dr.fill = "white"
# 角丸四角を描画
dr.roundrectangle(0, 0, sx-1, sy-1, rx, ry)
dr.draw(img[0])

img.new_image(2, 1, GradientFill.new(0, 0, 0, 10, "#FFFA6C", "#FF8B6C"))
img[1].alpha = ActivateAlphaChannel

mo = img.fx("u.p.r>0?v.p{(1-sin(pi*j/h)),1}:0", Magick::AllChannels)

mo.write("sample493a.png")

exit

出力画像(sample493a.png)

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

関連項目
ImageMagickで任意の２色の上下グラデーションの角丸四角を描画する (Convertコマンドで同様の処理)

Tuesday, July 08, 2008

JMagickで画像の指定した点から円形のバンド状に明るさを変える

JMagickで画像の指定した点から円形のバンド状に明るさを変えるには、以下のコードを実行します。


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

public class JMagickTest40
{
   public static void main(String args[])
       throws MagickException
   {
       /* 画像の指定した点から円形のバンド状に明るさを変える */
       /* 円の中心 */
       int cx = 130;
       int cy = 160;
       /* 半径初期値 */
       int ir = 30;
       /* 半径増分値 */
       int dr = 20;
       /* 明るさ */
       int il = 100;
       /* 明るさ増分値 */
       int dl = -10;
       /* 繰り返し回数 */
       int ct = 8;
       /* 読み込み画像名 */
       String fn = "sf.jpg";

       MagickImage images[] = new MagickImage[ct+1];
       images[0] = new MagickImage(new ImageInfo(fn));
       int w = (int)images[0].getDimension().getWidth();
       int h = (int)images[0].getDimension().getHeight();
       int lc = 0;
       for(lc=ct;lc>=1;lc--){
           MagickImage mi = new MagickImage(new ImageInfo(fn));
           /* 円形に切り取るマスクを作成 */
           ImageInfo ii = new ImageInfo("xc:none");
           ii.setSize(w + "x" + h);
           DrawInfo di = new DrawInfo(ii);
           di.setFill(PixelPacket.queryColorDatabase("white"));
           di.setPrimitive("ellipse " + cx + "," + cy + "," +
               ir + "," + ir + ",0,360");
           images[lc] = new MagickImage(ii);
           images[lc].drawImage(di);
           /* マスクを使用して切り取り */
           images[lc].compositeImage(CompositeOperator.SrcInCompositeOp,
               mi,0,0);
           images[lc].modulateImage(il + ",100,100");
           ir += dr;
           il += dl;
       }
       images[0].modulateImage(il + ",100,100");
       /* すべてのイメージを重ね合わせ */
       for(lc=1;lc<=ct;lc++){
           images[0].compositeImage(CompositeOperator.SrcOverCompositeOp,
               images[lc], 0, 0);
       }
       images[0].setFileName("sample492a.jpg");
       images[0].writeImage(new ImageInfo());
   }
}

元画像(sf.jpg)

出力画像(sample492a.jpg)

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

関連情報
JMagickまとめ
JMagickで、明度・彩度・色相を変更する

Monday, July 07, 2008

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>sample491(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 左上と右下が丸くなった四角を描画する */
/* 画像サイズ */
$sx=150;
$sy=150;
/* 角丸サイズ */
$dx=30;
$dy=30;
$im = new Imagick();
$im->newPseudoImage($sx, $sy, 'xc:none');
$idraw = new ImagickDraw();
$idraw->setFillColor('#bbddff');
$idraw->pathStart();
/* 左上の角丸 */
$idraw->pathMoveToAbsolute(0, $dx);
$idraw->pathEllipticArcAbsolute($dx, $dy, 0, false, true, $dx, 0);
/* 右上の角 */
$idraw->pathLineToAbsolute($sx-1, 0);
$idraw->pathLineToAbsolute($sx-1, $sy-$dy);
/* 右下の角丸 */
$idraw->pathEllipticArcAbsolute($dx, $dy, 0, false, true, $sx-$dx, $sy-1);
/* 左下の角 */
$idraw->pathLineToAbsolute(0, $sy-1);
$idraw->pathClose();
$im->drawImage($idraw);

$im->writeImage('sample491a.png');

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

<img src="sample491a.png" />

</body>
</html>

出力画像(sample491a.png)

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

関連項目
ImageMagickで左上と右下が角丸の四角を描画する (Convertコマンドでの同様の処理)

Sunday, July 06, 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>sample490(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を文字付きポラロイド写真風にする */
$im = new Imagick("sf.jpg");
$idraw = new ImagickDraw();
/* フォント設定 */
$idraw->setFont('Bitstream-Vera-Sans');
/* フォントサイズ設定 */
$idraw->setFontSize(20);
/* gravity */
$idraw->setGravity(Imagick::GRAVITY_SOUTH);

/* 文字列描画 */
$im->setImageProperty("caption", "San Francisco");
$im->setImageBackgroundColor("black");
$im->polaroidImage($idraw, 5);

/* 真っ白な背景画像作成 */
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "white");
$im2->addImage($im);
$im3 = $im2->flattenImages();

$im3->writeImage('sample490a.jpg');

/* $idraw->clear(); 2008/09/30追記：destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->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="sample490a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample490a.jpg)

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

関連項目
ImageMagickで、画像をポラロイド写真風にして、日本語文字列を描画する (Convertコマンドでの同様の処理)
ImageMagickとVBS(WSH)でポラロイド写真を並べた画像を生成する