画像処理についてあれこれ: 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コマンドで同様の処理)

画像処理についてあれこれ

Saturday, May 31, 2008

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

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

Friday, May 30, 2008

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

ImageMagickとPHPで画像をセピアトーンに変換する

Thursday, May 29, 2008

ImageMagickとPHPで半透明のぼかし文字列を描画する

Wednesday, May 28, 2008

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

ImageMagickとPHPで画像の上に半透明四角と半透明角丸四角を描画する

Tuesday, May 27, 2008

ImageMagickとPHPで画像を回転させる

Monday, May 26, 2008

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

Sunday, May 25, 2008

ImageMagickとPHPで画像の輪郭を影で浮かび上がらせた画像を生成する

About Me

Labels