画像処理についてあれこれ: 2008-05-25

Saturday, May 31, 2008

RMagickで半透明影つきの文字列を描画する

RMagickで半透明影つきの文字列を描画するには、以下のコードを実行します。


require 'RMagick'
include Magick

# ダミーイメージを作成
img1 = Image.new(10,10)
dr = Draw.new
# フォント指定
dr.font = "Comic-Sans-MS-Bold"
# フィル色
dr.fill = "#FCE769"
# ポイントサイズ
dr.pointsize = 30
# gravity
dr.gravity = CenterGravity
# 必要サイズ取得
sz = dr.get_multiline_type_metrics(img1, "sample")
# 文字列描画用イメージ作成
img2 = Image.new(sz.width+10,sz.height+10){
   self.background_color = "none"
}
dr.annotate(img2, 0, 0, 0, 0, "sample")

# 影用描画用イメージ作成
img3 = Image.new(sz.width+10,sz.height+10){
   self.background_color = "#ffffff00"
}
dr.fill = "#40404090"
dr.annotate(img3, 0, 0, 3, 3, "sample")
# ぼかし
img4 = img3.blur_channel(0, 2, AllChannels);
# 重ね合わせ
img5 = img4.composite(img2, CenterGravity, 0, 0, OverCompositeOp);

img5.write("sample463a.png")

# 別の画像と重ね合わせ
img6 = ImageList.new("sf.jpg");
img7 = img6.composite(img5, NorthEastGravity, 10, 0, OverCompositeOp);
img7.write("sample463b.png")

exit

出力画像(sample463a.png)

重ね合わせ画像(sample463b.png)

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

関連項目
RMagickをWindowsで使用するための設定
RMagickで日本語文字列を描画する

ImageMagickとPHPで画像のqualityを設定する

Imagickで画像のqualityを設定するには、以下のコードを実行します。


<!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>sample404</title>
</head>
<body>
<?php
/* 画像のqualityを指定 */
$im = new Imagick('sf.jpg');
$im->setCompressionQuality(10);
$im->writeImage('sample404a.jpg');
/* $im->clear();  2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample404a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample404a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

Friday, May 30, 2008

RMagickで画像を暗めのセピアトーンに変換する

RMagickで画像を暗めのセピアトーンに変換するには、以下のコードを実行します。


require 'RMagick'
include Magick

img1 = ImageList.new("sf.jpg")
# セピア調にする
img2 = img1.sepiatone(QuantumRange*0.8);
# 明度を80%に
img3 = img2.modulate(0.8, 1.0, 1.0)
img3.write("sample462a.png")

exit

元画像(sf.jpg)

出力画像(sample462a.png)

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

関連項目
RMagickをWindowsで使用するための設定

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>sample403</title>
</head>
<body>
<?php
/* 画像をセピアトーンに変換 */
$im = new Imagick('sf.jpg');
$im->sepiaToneImage(80);
$im->writeImage('sample403a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample403a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample403a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

Thursday, May 29, 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>sample402</title>
</head>
<body>
<?php
$im = new Imagick('sf.jpg');
/* 画像と同じ大きさで透明なキャンバスを作成 */
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), 'none');

$idraw = new ImagickDraw();
/* フォント設定 */
$idraw->setFont('Tahoma');
/* フォントサイズ設定 */
$idraw->setFontSize(20);
/* 塗りつぶし色設定 */
$idraw->setFillColor('#ffffff');
/* 透明度設定 */
$idraw->setFillOpacity(0.6);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
$im2->annotateImage($idraw, 0, 0, 0, "San Francisco");
/* 半透明の文字列をぼかす */
$im2->blurImage(0,1);
/* 画像とぼかした文字列の画像を重ね合わせる */
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);

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

<img src="sample402a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample402a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickとPHPで半透明の文字列を描画する
ImageMagickで画像の上にぼかした文字を描画する (Convertコマンドでの同様の処理)

Wednesday, May 28, 2008

JMagickで、画像を２値化してメッシュ状にした透過PNGを生成する

JMagickで、画像を２値化してメッシュ状にした透過PNGを生成するには、以下のコードを実行します。


import magick.*;

public class JMagickTest33
{
  public static void main(String args[])
      throws MagickException
  {
      MagickImage mi = new MagickImage(new ImageInfo("tree1.jpg"));
      /* 画像を2値化 */
      mi.thresholdImage(40000);

      /* 画像のピクセルを取得 */
      int iw = (int)mi.getDimension().getWidth();
      int ih = (int)mi.getDimension().getHeight();
      byte data[] = new byte[iw*ih*4];
      mi.dispatchImage(0, 0, iw, ih, "RGBA", data);
      int lx, ly;
      for(ly=0;ly<ih;ly++){
          for(lx=0;lx<iw;lx++){
               if( lx%2 == 0 && ly%2 == 0 &&
                   data[ly*iw*4+lx*4] == 0 ){
                   /* 黒色部分でx,yが２で割り切れる場合 */
                   data[ly*iw*4+lx*4]=(byte)0x30;
                   data[ly*iw*4+lx*4+1]=(byte)0x70;
                   data[ly*iw*4+lx*4+2]=(byte)0xa0;
                   data[ly*iw*4+lx*4+3]=(byte)0xff;
               } else {
                   data[ly*iw*4+lx*4]=0;
                   data[ly*iw*4+lx*4+1]=0;
                   data[ly*iw*4+lx*4+2]=0;
                   data[ly*iw*4+lx*4+3]=0;
               }
           }
       }
       mi.constituteImage(iw, ih, "RGBA", data);

       mi.setFileName("sample461a.png");
       mi.writeImage(new ImageInfo());

       /* 重ね合わせ例 */
       MagickImage mi2 = new MagickImage(new ImageInfo("sf2.jpg"));
       mi2.compositeImage(CompositeOperator.SrcOverCompositeOp,mi,0,0);
       mi2.setFileName("sample461b.png");
       mi2.writeImage(new ImageInfo());

   }
}

元画像(tree1.jpg)

出力画像(sample461a.png)

ほかの画像と重ね合わせ例(sample461b.png)

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

関連情報
JMagickまとめ
 ImageMagickをJavaから使用するための設定(JMagickインストール)
ImageMagickで、画像を２値化してメッシュ状にした透過PNGを生成する (Convertコマンドで同様の処理を実行)

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>sample401</title>
</head>
<body>
<?php
$im = new Imagick('sf.jpg');
$idraw = new ImagickDraw();
/* 塗りつぶし色設定 */
$idraw->setFillColor('#ffffff');
/* 透明度設定 */
$idraw->setFillOpacity(0.3);
/* 四角描画 */
$idraw->rectangle(10,10,89,149);
/* 角丸四角描画 */
$idraw->roundrectangle(110,40,189,179,10,10);
$im->drawImage($idraw);
$im->writeImage('sample401a.jpg');
/* $idraw->clear(); 2008/09/30追記：destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample401a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample401a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickとPHPで半透明の文字列を描画する

Tuesday, May 27, 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>sample400</title>
</head>
<body>
<?php
/* 画像の回転 */
$im = new Imagick('sf.jpg');
$im->rotateImage('#f1ede1', 10);
$im->writeImage('sample400a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample400a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample400a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

Monday, May 26, 2008

JMagickで半透明の青いぼかしを重ね合わせる

JMagickで半透明の青いぼかしを重ね合わせるには、以下のコードを実行します。


import magick.*;

public class JMagickTest32
{
  public static void main(String args[])
      throws MagickException
  {
      MagickImage mi = new MagickImage(new ImageInfo("sample8.jpg"));
      /* 画像を2値化 */
      mi.thresholdImage(53000);
      mi.setMatte(true);
      /* 白色を透明に変換 */
      mi.opaqueImage(
          PixelPacket.queryColorDatabase("white"),
          new PixelPacket(65535, 65535, 65535, 50000)
      );
      /* 黒色を半透明水色に変換 */
      mi.opaqueImage(
          PixelPacket.queryColorDatabase("black"),
          new PixelPacket(0x44*256, 0x55*256, 0xff*256, 22767)
      );
      /* ぼかし */
      MagickImage mi2 = mi.blurImageChannel(0xff/*=AllChannels*/,0, 4);

      MagickImage mi3 = new MagickImage(new ImageInfo("sample8.jpg"));
      mi3.compositeImage(CompositeOperator.SrcOverCompositeOp,mi2,0,0);

      mi3.setFileName("sample460a.png");
      mi3.writeImage(new ImageInfo());
  }
}

元画像(sample8.jpg)

出力画像(sample460a.png)

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

関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)
ImageMagickで半透明の青いぼかしを重ね合わせる (Convertコマンドで似たような処理)

Sunday, May 25, 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>sample459(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* IMagickで画像の輪郭を影で浮かび上がらせた画像を生成する */
$im = new Imagick('tree1.jpg');
$im->blackThresholdImage('#808080');
$im->whiteThresholdImage('#808080');
/* 白色を青っぽい色に色を変換 */
$im->paintOpaqueImage("#ffffff", "#3070a0", 0);
/* 黒色を白色に変換 */
$im->paintOpaqueImage("#000000", "#ffffff", 0);
$im->blurImage(0,5);
$im2 = new Imagick('tree1.jpg');
$im2->blackThresholdImage('#808080');
$im2->whiteThresholdImage('#808080');
/* 白色を透明に変換 */
$im2->paintTransparentImage("#ffffff", 0, 0);
/* 黒色を青っぽい色に変換 */
$im2->paintOpaqueImage("#000000", "#3070a0", 0);
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im->writeImage('sample459a.jpg');
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample459a.jpg" />

</body>
</html>

元画像(tree1.jpg)

出力画像(sample459a.jpg)

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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickで、画像の輪郭を影で浮かび上がらせた画像を生成する(Convertコマンドで同様の処理)