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

Saturday, July 26, 2008

ImageMagickで画像をストライプ上にずらす

画像をストライプ上にずらすには、以下のコードを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16

%im%\convert.exe sf.jpg -background white -gravity south -splice 0x4 -virtual-pixel background -fx "i%%16<8?p[0,-4]:p" sample513a.png

元画像(sf.jpg)

出力画像(sample513a.png)

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>sample512(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 座標を少しずつずらして、複数のベジェ曲線を描画 */
$im = new Imagick();
$im->newPseudoImage(200, 200, "xc:white");

$idraw = new ImagickDraw();
$idraw->setStrokeColor('#88bbff50');
$idraw->setFillColor('none');

$ct=10;
for($ind=0;$ind<$ct;$ind++){
 $points[0] = array(
   'x' => 30+5*$ind,
   'y' => 200
 );
 $points[1] = array(
   'x' => 0,
   'y' => 100
 );
 $points[2] = array(
   'x' => 0,
   'y' => 20
 );
 $points[3] = array(
   'x' => 200,
   'y' => 100+3*$ind
 );
 $idraw->bezier($points);
}

$im->drawImage($idraw);

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

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

<img src="sample512a.jpg" />

</body>
</html>

出力画像(sample512a.jpg)

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

関連項目
ImageMagickとPHPでベジェ曲線を描画する

Java2Dで画像をぼかす

Java2Dで画像をぼかすには、以下のコードを実行します。


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

public class Java2DTest10
{
   public static void main(String args[])
       throws Exception
   {
       /* Java2Dで画像をぼかす */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       BufferedImage img2 = new BufferedImage(
           img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_RGB
       );
       Graphics2D gr = img2.createGraphics();
       gr.drawImage(img,0,0,null);
       gr.dispose();

       float kernel[] = new float[3*3];
       for(int li=0;li<3*3;li++){
           kernel[li] = 1F/(3*3);
       }

       BufferedImageOp bio = new ConvolveOp(new Kernel(3, 3, kernel),
           ConvolveOp.EDGE_NO_OP, new RenderingHints(new HashMap()));
       BufferedImage img3 = bio.filter(img2, null);
       ImageIO.write(img3, "jpg", new File("sample511a.jpg"));

   }
}

元画像(sf.jpg)

出力画像(sample511a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)

Friday, July 25, 2008

Java2Dで画像を角丸四角で切り取る

Java2Dで画像を角丸四角で切り取るには、以下のコードを実行します。


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

public class Java2DTest9
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像を角丸四角で切り取る */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       /* 角丸四角の画像を作成 */
       BufferedImage img2 = new BufferedImage(
           img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_ARGB
       );
       Graphics2D gr = img2.createGraphics();
       gr.setColor(new Color(1F, 1F, 1F, 1F));
       RoundRectangle2D rr = new RoundRectangle2D.Double(
           0.0, 0.0, img.getWidth()-1, img.getHeight()-1, 40.0, 40.0);
       gr.fill(rr);
       /* 切り取り */
       gr.setComposite(AlphaComposite.SrcIn);
       gr.drawImage(img,0,0,null);
       gr.dispose();
       /* 白色背景画像を作成 */
       BufferedImage img3 = new BufferedImage(
           img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_RGB
       );
       Graphics2D gr2 = img3.createGraphics();
       gr2.setColor(new Color(255, 255, 255));
       gr2.fillRect(0, 0, img.getWidth(), img.getHeight());
       /* 切り取った画像と合成 */
       gr2.drawImage(img2,0,0,null);
       gr2.dispose();
       ImageIO.write(img3, "jpg", new File("sample510a.jpg"));
   }
}

元画像(sf.jpg)

出力画像(sample510a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)

Thursday, July 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>sample509(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 点線の角丸四角を描画する */
$sx = 100;
$sy = 100;
$px = 5;
$py = 5;
$rx = 10;
$ry = 10;

$im = new Imagick();
$im->newImage($sx, $sy, "white");
$idraw = new ImagickDraw();
/* 塗りつぶし色 */
$idraw->setFillColor('none');
/* 線の色 */
$idraw->setStrokeColor('#bbddff');
/* 点線のスタイル */
$idraw->setStrokeDashArray(array(3,4));
/* 線の幅 */
$idraw->setStrokeWidth(2);
$idraw->roundrectangle($px, $py, $sx-$px, $sy-$py, $rx, $ry);
$im->drawImage($idraw);

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

<img src="sample509a.jpg" />

</body>
</html>

出力画像(sample509a.jpg)

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

関連項目
ImageMagickで点線の角丸四角を描画する - その１ (Convertコマンドでの同様の処理)

Wednesday, July 23, 2008

JMagickでバンド状のグラデーションを描画する

JMagickでバンド状のグラデーションを描画するには、以下のコードを実行します。


import magick.*;

public class JMagickTest41
{
 public static void main(String args[])
     throws MagickException
 {
     /* バンド状のグラデーションを描画する */
     ImageInfo ii = new ImageInfo("gradient:#FFFF10FF-#3070A0FF");
     ii.setSize("1x10");
     MagickImage mi = new MagickImage(ii);
     /* フィルタタイプをPointFilterに設定 */
     mi.setFilter(FilterType.PointFilter);
     MagickImage mi2 = mi.scaleImage(150, 150);
     mi2.setFileName("sample508a.jpg");
     mi2.writeImage(new ImageInfo());
 }
}

出力画像(sample508a.jpg)

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

関連情報
JMagickまとめ
ImageMagickでバンド状のグラデーションを作成する (Convertコマンドでの同様の処理)
ImageMagickでバンド状にグラデーションのかかった文字を描画する

Tuesday, July 22, 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>sample507(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 手塗り風の四角を描画する */
$sx = 200;
$sy = 200;
$px = 10;
$py = 10;
$im = new Imagick();
$im->newImage($sx, $sy, "white");
$idraw = new ImagickDraw();
$idraw->setFillColor('#bbddff');
$idraw->rectangle($px, $py, $sx-$px, $sy-$py);
$im->drawImage($idraw);
$im->spreadImage(5);
$im->medianFilterImage(3);

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

<img src="sample507a.jpg" />

</body>
</html>

出力画像(sample507a.jpg)

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

関連項目
ImageMagickとPHPで手書き風の円に囲まれた文字を描画する
ImageMagickで、手塗り風の四角を描画する (Convertコマンドでの同様の処理)

Sunday, July 20, 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>sample506(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の端をかすれたように処理する */
$im = new Imagick('sf2.jpg');

/* かすれた矩形領域のマスクを作成 */
$px = 10;
$py = 10;
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
$idraw = new ImagickDraw();
$idraw->setFillColor('#ffffff');
$idraw->rectangle($px, $py, $im->getImageWidth()-$px, $im->getImageHeight()-$py);
$im2->drawImage($idraw);
$im2->spreadImage(2);
/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

$im2->writeImage('sample506a.png');
/* $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="sample506a.png" />

</body>
</html>

元画像(sf2.jpg)

出力画像(sample506a.png)

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

関連項目
ImageMagickで、画像の端をかすれたように処理する (Convertコマンドによる同様の処理)
ImageMagickとPHPで文字列をクレヨン風に描画する

Saturday, July 19, 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>sample505(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* ぼかした矩形領域以外を暗くする */
$im = new Imagick('sf2.jpg');
/* ぼかした矩形領域のマスクを作成 */
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
$idraw = new ImagickDraw();
$idraw->setFillColor('#ffffff');
$idraw->rectangle(10,10,214,214);
$im2->drawImage($idraw);
$im2->blurImage(10, 10, Imagick::CHANNEL_ALL);
/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

/* 暗くした画像を生成 */
$im3 = new Imagick('sf2.jpg');
/* $im3->modulateImage(30, 100, 100);
なぜかmodulateImageが上手くいかないのでfxで代用*/
$im3 = $im3->fxImage("p*0.3");
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);

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

</body>
</html>

元画像(sf2.jpg)

出力画像(sample505a.jpg)

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

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

Friday, July 18, 2008

Java2Dで文字列を描画する

Java2Dで文字列を描画するには、以下のコードを実行します。


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

public class Java2DTest8
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像上に文字列を描画する */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       Graphics2D gr = img.createGraphics();
       gr.setColor(new Color(0xbb, 0xdd, 0xff));
       gr.setFont(new Font(Font.SANS_SERIF, Font.PLAIN, 20));
       gr.drawString("San Francisco", 10, 30);
       gr.dispose();
       ImageIO.write(img, "png", new File("sample504a.png"));
   }
}

元画像(sf.jpg)

出力画像(sample504a.png)

環境
JDK6 Upadate6(JDK1.6.0_06)

ImageMagickとPHPで画像の青っぽいところ以外を明るくする

Imagickで画像の青っぽいところ以外を明るくするには、以下のコードを実行します。

</head>
<body>
<?php
/* 画像の青っぽい所以外を明るくする */
$im = new Imagick('tree1.jpg');
$im->setImageMatte(true);
$im2=$im->fxImage('(hue>0.47&&hue<0.69&&lightness>0.45)?0:1', Imagick::CHANNEL_ALPHA);
$im2->modulateImage(180, 100, 100);
$im3 = new Imagick('tree1.jpg');
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);

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

</body>
</html>

元画像(tree1.jpg)

出力画像(sample503a.jpg)

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

Thursday, July 17, 2008

Java2Dで画像をビデオ風にする

Java2Dで画像をビデオ風にするには、以下のコードを実行します。


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

public class Java2DTest7
{
  public static void main(String args[])
      throws Exception
  {
      /* 画像をビデオ風に変換する */
      BufferedImage img = ImageIO.read(new File("sf.jpg"));
      WritableRaster wr = img.getRaster();

      int buf[] = new int[wr.getNumDataElements()];

      for(int ly=1;ly<wr.getHeight();ly+=2){
          for(int lx=0;lx<wr.getWidth();lx++){
              wr.getPixel(lx, ly, buf);
              buf[0] = buf[0]/2;
              buf[1] = buf[1]/2;
              buf[2] = buf[2]/2;
              wr.setPixel(lx, ly, buf);
          }
      }
      ImageIO.write(img, "png", new File("sample502a.png"));
  }
}

元画像(sf.jpg)

出力画像(sample502a.png)

環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
groovyで画像をビデオ風に加工する (groovyでの同様の処理)

Wednesday, July 16, 2008

RMagickで閾値を使用して切り取った画像に影付けをする

RMagickで閾値を使用して切り取った画像に影付けをするには、以下のコードを実行します。


require 'RMagick'
include Magick

# 画像を２値化して切り取り
img1 = ImageList.new("sample5.jpg")
img2 = img1.threshold(QuantumRange*0.84)
img3 = img2.transparent("white");
img4 = ImageList.new("sample5.jpg")
img4.alpha = ActivateAlphaChannel
img5 = img4.composite(img3, 0, 0, DstInCompositeOp);

# 影付け
img5.background_color = "black"
img6 = img5.shadow(3, 3, 3, 0.4)
img7 = img6.composite(img5, 0, 0, OverCompositeOp);
# 白背景と合成
bg = Image.new(img7.columns, img7.rows){
   self.background_color='white'
}
img8 = bg.composite(img7, 0, 0, OverCompositeOp);

img8.write("sample501a.png")
exit

元画像(sample5.jpg)

出力画像(sample501a.png)

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

関連項目
ImageMagickで閾値を使用して切り取った画像に影付けする

Tuesday, July 15, 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>sample500(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* グラデーションバッジ画像を生成する */
/* 画像幅 */
$sx = 200;
/* 画像高さ */
$sy = 200;
/* 分割数 */
$par = 64;
/* 中心x */
$cx = 100;
/* 中心y */
$cy = 100;
/* 半径(大) */
$rad1 = 90;
/* 半径(小) */
$rad2 = 80;

/* グラデーション作成 */
$im = new Imagick();
$im->newPseudoImage($sx, $sy, "gradient:#bbddff-#4466bb");
$idraw = new ImagickDraw();
$idraw->pushPattern('gradient', 0, 0, $sx, $sy);
$idraw->composite(Imagick::COMPOSITE_OVER, 0, 0, $sx, $sy, $im);
$idraw->popPattern();

/* イメージ作成 */
$im2 = new Imagick();
$im2->newPseudoImage($sx, $sy, 'xc:none');

$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->setFillPatternURL('#gradient');
/* 座標に基づき、ポリゴンを描画 */
$idraw->polygon($points);
$im2->drawImage($idraw);

/* 影つけ */
$im3=$im2->clone();
$im3->setImageBackgroundColor('black');
$im3->shadowImage(40,2,5,5);

/* 白背景と重ね合わせ */
$im4 = new Imagick();
$im4->newImage($im->getImageWidth(), $im->getImageHeight(), 'white');
$im4->addImage($im3);
$im4->addImage($im2);
$im5=$im4->mosaicImages();

/* フォント設定 */
$idraw->setFont("Arial");
/* フォントサイズ設定 */
$idraw->setFontSize(25);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* 描画色 */
$idraw->setFillColor("white");
$im5->annotateImage($idraw, 0, 0, 0, "ImageMagick");

$im5->writeImage('sample500a.jpg');

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

</body>
</html>

出力画像(sample500a.jpg)

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

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>sample499(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* ベジェ曲線を描画する */
$im = new Imagick();
$im->newPseudoImage(200, 200, "xc:white");

$idraw = new ImagickDraw();
$idraw->setStrokeColor('#88bbff');
$idraw->setFillColor('none');

$points[] = array(
'x' => 10,
'y' => 100
);
$points[] = array(
'x' => 20,
'y' => 0
);
$points[] = array(
'x' => 180,
'y' => 200
);
$points[] = array(
'x' => 190,
'y' => 100
);

/* 座標に基づき、ベジェ曲線を描画 */
$idraw->bezier($points);
$im->drawImage($idraw);

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

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

<img src="sample499a.jpg" />

</body>
</html>

出力画像(sample499a.jpg)

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

関連項目
ImageMagickとPHPで、複数のベジェ曲線を描画する

Monday, July 14, 2008

Java2Dでグラデーションの角丸四角を描画する

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


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

public class Java2DTest6
{
   public static void main(String args[])
       throws Exception
   {
       /* グラデーションの角丸四角の画像を生成 */
       BufferedImage img = new BufferedImage(
           150, 150, BufferedImage.TYPE_INT_BGR
       );
       Graphics2D gr = img.createGraphics();
       /* 背景を灰色で塗りつぶし */
       gr.setColor(Color.LIGHT_GRAY);
       gr.fillRect(0, 0, 150, 150);

       /* グラデーションを作成 */
       GradientPaint gp = new GradientPaint(
           0, 0,
           new Color(0xbb, 0xdd, 0xff),
           0, 150,
           new Color(0xff, 0xff, 0xff)
       );
       gr.setPaint(gp);

       /* 角丸四角を描画 */
       RoundRectangle2D rr = new RoundRectangle2D.Double(
           10.0, 10.0, 130.0, 130.0, 20.0, 20.0);
       gr.fill(rr);
       gr.dispose();
       ImageIO.write(img, "png", new File("sample498a.png"));
   }
}

出力画像(sample498a.png)

環境
JDK6 Upadate6(JDK1.6.0_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コマンドでの同様の処理)

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

Saturday, July 26, 2008

ImageMagickで画像をストライプ上にずらす

ImageMagickとPHPで、複数のベジェ曲線を描画する

Java2Dで画像をぼかす

Friday, July 25, 2008

Java2Dで画像を角丸四角で切り取る

Thursday, July 24, 2008

ImageMagickとPHPで、点線の角丸四角を描画する

Wednesday, July 23, 2008

JMagickでバンド状のグラデーションを描画する

Tuesday, July 22, 2008

ImageMagickとPHPで手塗り風の四角を描画する

Sunday, July 20, 2008

ImageMagickとPHPで画像の端をかすれたように処理する

Saturday, July 19, 2008

ImageMagickとPHPで、ぼかした領域以外を暗くする

Friday, July 18, 2008

Java2Dで文字列を描画する

ImageMagickとPHPで画像の青っぽいところ以外を明るくする

Thursday, July 17, 2008

Java2Dで画像をビデオ風にする

Wednesday, July 16, 2008

RMagickで閾値を使用して切り取った画像に影付けをする

Tuesday, July 15, 2008

ImageMagickとPHPでグラデーションバッジ画像を作成する

ImageMagickとPHPでベジェ曲線を描画する

Monday, July 14, 2008

Java2Dでグラデーションの角丸四角を描画する

Saturday, July 12, 2008

ImageMagickとPHPで２値化して光が溢れるような画像に変換する

Friday, July 11, 2008

Java2Dで画像を重ね合わせる

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

Thursday, July 10, 2008

ImageMagickとPHPで画像に網掛けをする

About Me

Labels