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

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コマンドでの同様の処理)

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)でポラロイド写真を並べた画像を生成する

Saturday, July 05, 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>sample489(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の端を円形にぼかす */
$im = new Imagick("sf.jpg");
$im->vignetteImage(0, 1, 10, 10);
$im->writeImage('sample489a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

/* 背景を水色に */
$im2 = new Imagick("sf.jpg");
$im2->setImageBackgroundColor("#bbddff");
$im2->vignetteImage(0, 1, 10, 10);
$im2->writeImage('sample489b.jpg');
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();

?>

<img src="sample489a.jpg" />
<img src="sample489b.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像1(sample489a.jpg)

出力画像(sample489b.jpg)

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

関連項目
ImageMagickとPHPで、画像を丸く切り取る
ImageMagickで円形に端をぼかす (Convertコマンドによる同様の処理)

Friday, July 04, 2008

ImageMagickとPHPで透過PNGに影付けして、影にモーションブラーをかける

Imagickで透過PNGに影付けして、影にモーションブラーをかけるには、以下のコードを実行します。

<!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>sample488(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 透過PNGに影付けして、影にモーションブラーをかける */
/* 透過PNGと大きめのサイズの透明イメージを重ね合わせる */
$im = new Imagick("sample2.png");
$ime = new Imagick();
$ime->newImage($im->getImageWidth()+50, $im->getImageHeight()+50, 'none');
$ime->compositeImage($im, Imagick::COMPOSITE_DEFAULT, 25, 25);

/* 影つけ＆モーションブラー */
$im2=$ime->clone();
$im2->setImageBackgroundColor('black');
$im2->shadowImage(40,2,3,3);
$im2->motionBlurImage(0,20,225);

/* 背景用イメージ作成と重ね合わせ */
$im3 = new Imagick();
$im3->newImage($im->getImageWidth()+50, $im->getImageHeight()+50, 'white');
$im3->addImage($im2);
$im3->addImage($ime);
$im4=$im3->mosaicImages();
$im4->writeImage('sample488a.jpg');

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

<img src="sample488a.jpg" />

</body>
</html>

元画像(sample2.png)

出力画像(sample488a.jpg)

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

関連項目
ImageMagickで画像に影付けしてモーションブラーをかける (Convertコマンドによる同様の処理)

Java2Dで角丸四角を描画する

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


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

public class Java2DTest4
{
   public static void main(String args[])
       throws Exception
   {
       /* 角丸四角の画像を生成 */
       BufferedImage img = new BufferedImage(
           100, 100, BufferedImage.TYPE_INT_BGR
       );
       Graphics2D gr = img.createGraphics();
       /* 背景を白で塗りつぶし */
       gr.setColor(Color.WHITE);
       gr.fillRect(0, 0, 100, 100);

       /* 描画色 */
       gr.setColor(Color.ORANGE);
       /* 角丸四角を描画 */
       RoundRectangle2D rr = new RoundRectangle2D.Double(
           0.0, 0.0, 100.0, 100.0, 20.0, 20.0);
       gr.fill(rr);
       gr.dispose();
       ImageIO.write(img, "png", new File("sample484a.png"));
   }
}

出力画像(sample484a.png)

環境
JDK6 Upadate6(JDK1.6.0_06)

Thursday, July 03, 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>sample487(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 緑っぽい部分以外は白黒にする */
$im = new Imagick("sample8.jpg");
$im2 = $im->fxImage("(hue>0.19&&hue<0.47)?p:(r+g+b)/3");
$im2->writeImage('sample487a.jpg');
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample487a.jpg" />

</body>
</html>
元画像(sample8.jpg)

出力画像(sample487a.jpg)

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

関連項目
ImageMagickで任意の範囲の色相の色を残す (Convertコマンドでの同様の処理)

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

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で画像に網掛けをする

Wednesday, July 09, 2008

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

Tuesday, July 08, 2008

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

Monday, July 07, 2008

ImageMagickとPHPで左上と右下の角が丸くなった四角を描画する

Sunday, July 06, 2008

ImageMagickとPHPで、画像を文字列つきのポラロイド写真風にする

Saturday, July 05, 2008

ImageMagickとPHPで、画像の端を円形にぼかす

Friday, July 04, 2008

ImageMagickとPHPで透過PNGに影付けして、影にモーションブラーをかける

Java2Dで角丸四角を描画する

Thursday, July 03, 2008

ImageMagickとPHPで、画像の緑っぽい所以外は白黒にする

About Me

Labels