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

Saturday, May 23, 2009

im4javaで画像にメディアンフィルタをかける

im4javaで画像にメディアンフィルタをかけるには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.97.0-bin.tar.bz2を解凍してim4java-0.97.0.jarはclasspathに通す
public class Im4java18
{
   public static void main(String args[])
       throws Exception
   {
       try
       {
//            ConvertCmd convert = new ConvertCmd();
           ImageCommand convert = new WindowsConvertCmd();

           IMOperation op = new IMOperation();
           op.addImage("sf.jpg");
           op.median(3.0);
           op.addImage("sample1084a.png");
           convert.run(op);
       }
       catch(CommandException cex)
       {
           System.out.println(cex.getErrorText());
           cex.printStackTrace();
       }
   }

   // im4java 0.97
   static class WindowsConvertCmd extends ImageCommand
   {
       public WindowsConvertCmd()
       {
           setCommand("cmd");
           setCommand("/c");
           setCommand("convert");
/* another way
           setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
       }
   }

}

元画像(sf.jpg)

出力画像(sample1084a.png)

関連情報
im4javaのまとめ

ImageMagickでメディアンフィルタを適用する (convertコマンドでの同様の処理)

SVGRendererでイルカを描画する

SVGRendererでイルカを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample967a.svg", 200, 200){
 dolphinShape( x:0, y:20, width:200, height:160,
   fill: color("#bbddff"),
   borderColor: color("#103080"),
   borderWidth: 2
 )
}

出力SVG(sample967a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyでイルカの形を描画する (GraphicsRendererでの同様の処理)

Friday, May 22, 2009

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>sample1096(ImageMagick6.5.2)</title>
</head>
<body>
<?php
/* 枠の幅 */
$padx = 10;
$pady = 10;
$im = new Imagick("sf.jpg");
/* ストライプを作成 */
$idraw = new ImagickDraw();
$idraw->pushPattern('tile', 0, 0, 20, 20);
$idraw->setFillColor("white");
$idraw->rectangle(0,0,19,9);
$idraw->setFillColor("#99aaff");
$idraw->rectangle(0,10,19,19);
$idraw->popPattern();

/* タイルパターンにして配置 */
$idraw->setFillPatternURL('#tile');
$im2 = new Imagick();
$im2->newPseudoImage($im->getImageWidth()+$padx*2,
$im->getImageHeight()+$pady*2, "xc:none");
$idraw->rectangle(0, 0, $im->getImageWidth()+$padx*2,
$im->getImageHeight()+$pady*2);
$im2->drawImage($idraw);

/* ストライプを回転 */
$im2->setImageVirtualPixelMethod(
Imagick::VIRTUALPIXELMETHOD_TILE);
$points = array(60);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE,
// $points, false);
// ScaleRotateTranslateDistortion in distort.h
$im2->distortImage(3, $points, false);

$im2->compositeImage($im, Imagick::COMPOSITE_OVER,
$padx, $pady,
Imagick::CHANNEL_ALL);

$im2->writeImage('sample1096a.png');
$idraw->destroy();
$im2->destroy();
$im->destroy();
?>
<img src="sample1096a.png" />
</body>
</html>

元画像(sf.jpg)

出力画像(sample1096a.png)

SVGRendererでCubicCurveを描画する

SVGRendererでCubicCurveを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample966a.svg", 200, 200){
 cubicCurve( x1: 40, y1:200, ctrlx1:0, ctrly1:50,
   ctrlx2:200, ctrly2: 0, x2:160, y2:200,
   borderColor: color("#aaccff"),
   borderWidth: 3
 )
}

出力SVG(sample966a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyでCubicCurveを描画する　(GraphicsRendererによる同様の処理)

Thursday, May 21, 2009

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>sample1095(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick();
$im->newImage(300, 50, 'none');
$im->setImageMatte(true);
$idraw = new ImagickDraw();
$idraw->setFillColor('#ffffff');
/* フォント設定 */
$idraw->setFont('Arial');
/* フォントサイズ設定 */
$idraw->setFontSize(43);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_NORTH);
/* antialiasをoff*/
$idraw->setStrokeAntialias(false);
/* 文字列描画 */
$idraw->annotation(0, 0, "ImageMagick");
$im->drawImage($idraw);

$im2 = new Imagick();
$im2->newPseudoImage(1, 6, 'gradient:#3070A0FF-#FFFF10FF');
$im2->resizeImage(300,50,Imagick::FILTER_POINT,1);
$im->compositeImage($im2, Imagick::COMPOSITE_IN, 0, 0,
Imagick::CHANNEL_ALL);

$im->writeImage('sample1095a.png');
$im2->destroy();
$idraw->destroy();
$im->destroy();
?>
<img src="sample1095a.png" />
</body>
</html>

出力画像(sample1095a.png)

SVGRendererでクロスを描画する

SVGRendererでクロスを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample965a.svg", 200, 200){
cross( cx: 100, cy: 100, width:20, radius:50,
 fill: color("#bbddff"),
 borderColor: color("#103080"),
 borderWidth: 2
)
}

出力SVG(sample965a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで十字形を描画する (GraphicsRendererでの同様の処理)

Wednesday, May 20, 2009

SVGRendererで蝶を描画する

SVGRendererで蝶を描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample964a.svg", 200, 200){
butterflyShape( x: 0, y: 0, width: 200, height: 200,
 fill: color("#bbddff"),
 borderColor: color("#103080"),
 borderWidth: 2
)
}

出力SVG(sample964a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
SVGRendererでグラデーションのかかった星を描画する (図形をグラデーションで塗りつぶす方法)
groovyで蝶を描画する　（GraphicsRendererによる蝶の描画）

Tuesday, May 19, 2009

RMagickでぼやけた円をランダムに描画する

RMagickでぼやけた円をランダムに描画するには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf.jpg")
10.times {
  images2 = ImageList.new
  images2.new_image(images.columns, images.rows){
    self.background_color = "none"
  }
  images2.alpha = ActivateAlphaChannel
  dr = Draw.new
  cx = rand() * images.columns
  cy = rand() * images.columns
  rv = rand()
  dr.fill = "#ffffff80"
  rad = 40*rv
  dr.ellipse(cx, cy,rad, rad, 0, 360)
  dr.draw(images2);
  images[0] = images.composite(
    images2.blur_channel(0,7*rv,AllChannels), 
    CenterGravity, 0, 0, 
    OverCompositeOp)
}
images.write("sample1089a.png")

exit

元画像(sf.jpg)

出力画像(sample1089a.png)

動作環境
ruby1.8.6, rmagick2.9.0

SVGRendererで吹き出しを描画する

SVGRendererで吹き出しを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample963a.svg", 200, 200){
balloon( x: 80, y: 20, width: 100, height: 100,
  fill: color("#bbddff"),
  tabLocation: "left",
  tabDisplacement: 0.8,
  tabHeight: 10,
  tabWidth: 10,
  borderColor: color("#103080"),
  borderWidth: 2
)
}

出力SVG(sample963a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
SVGRendererでグラデーションのかかった星を描画する (図形をグラデーションで塗りつぶす方法)
groovyで吹き出し画像を描画する (GraphicsRendererによる同様の処理)

Monday, May 18, 2009

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>sample1094(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick();
$im->newPseudoImage(200, 200, "gradient:#bbddffff-#ffffffff");
$im->setImageMatte(true);
$points = array(45);
//$im->distortImage(Imagick::DISTORTION_SCALEROTATETRANSLATE, $points, false);
// ScaleRotateTranslateDistortion in distort.h
$im->distortImage(3, $points, false);
$im->writeImage('sample1094a.png');
$im->destroy();
?>
<img src="sample1094a.png" />
</body>
</html>

出力画像(sample1094a.png)

SVGRendererで矢印を描画する

SVGRendererで矢印を描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample962a.svg", 200, 200){
 font(new java.awt.Font('ＭＳ 明朝', java.awt.Font.BOLD, 60))
 arrow( x: 10, y: 10, width: 150, height: 100,
   angle:45,
   fill: color("#bbddff"),
   borderColor: color("#103080"),
   borderWidth: 2
 )
}

出力SVG(sample962a.svg)をＰＮＧにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

Sunday, May 17, 2009

RMagickで画像を縮小・タイル配置して回転させる

RMagickで画像を縮小・タイル配置して回転させるには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf2.jpg")
images.virtual_pixel_method = TileVirtualPixelMethod
images.distort(ScaleRotateTranslateDistortion,
[0.25, 10]).write("sample1088a.png")

exit

上記では画像サイズを1/4(=0.25)に縮小して、１０度傾けています。

元画像(sf2.jpg)

出力画像(sample1088a.png)

動作環境
ruby1.8.6, rmagick2.9.0

関連項目
RMagickで画像を台形変形させる (distortメソッドを使用して台形変形)
ImageMagickで画像を縮小してタイル配置にして回転させる　（convertコマンドによる同様の処理）

SVGRendererで日本語を描画する

SVGRendererで日本語を描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample961a.svg", 200, 200){
 font(new java.awt.Font('ＭＳ 明朝', java.awt.Font.BOLD, 60))
 text( x:0, y:70,
   text: "日本語",
   fill: color("#bbddff"),
   borderColor: color("#103080"),
   borderWidth: 1
 )
}

出力SVG(sample961a.svg)をPNGにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
groovyで日本語を描画する　（GraphicsRendererによる日本語描画）
SVGRendererで円を描画する
SVGRendererで四角を描画する

Saturday, May 16, 2009

im4javaで画像を波型に揺らす

im4javaで画像を波型に揺らすには、以下のコードを実行します。


import java.util.*;
import org.im4java.core.*;
import org.im4java.process.*;

// im4java-0.97.0-bin.tar.bz2を解凍してim4java-0.97.0.jarはclasspathに通す
public class Im4java16
{
    public static void main(String args[])
        throws Exception
    {
        try
        {
//            ConvertCmd convert = new ConvertCmd();
            ImageCommand convert = new WindowsConvertCmd();

            IMOperation op = new IMOperation();
            op.addImage("sf.jpg");
            op.wave(5.0, 50.0);
            op.addImage("sample1082a.png");
            convert.run(op);
        }
        catch(CommandException cex)
        {
            System.out.println(cex.getErrorText());
            cex.printStackTrace();
        }
    }

    // im4java 0.97
    static class WindowsConvertCmd extends ImageCommand
    {
        public WindowsConvertCmd()
        {
            setCommand("cmd");
            setCommand("/c");
            setCommand("convert");
/* another way
            setCommand("C:\\Program Files\\ImageMagick-6.4.9-Q16\\convert");
*/
        }
    }

}

元画像(sf.jpg)

出力画像(sample1082a.png)

SVGRendererでポリラインを描画する

SVGRendererでポリラインを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample960a.svg", 200, 200){
 polyline( points: [198,0, 0,100, 198,198],
   fill: color("#bbddff"),
   borderColor: color("#103080"),
   borderWidth: 2
 )
}

出力SVG(sample960a.svg)をＰＮＧにレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
SVGRendererで直線を描画する
SVGRendererでポリゴンを描画する
groovyでポリラインを描画する　（GraphicsRendererでの同様の処理）

Friday, May 15, 2009

ImageMagickで画像をタイル画像に変換する

ImageMagickで画像をタイル画像に変換するには、以下のバッチファイルを実行します。

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

%im%\convert.exe -size 6x6 xc:gray50 -frame 2x2+2+0 sample1092a.png

%im%\convert.exe sf.jpg -resize 20x20 -filter point -resize 200x200 -size 200x200 tile:sample1092a.png -compose overlay -composite sample1092b.png

元画像(sf.jpg)

出力画像(sample1092b.png)

SVGRendererでポリゴンを描画する

SVGRendererでポリゴンを描画するには、以下のコードを実行します。


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample959a.svg", 200, 200){
polygon( points: [100,0, 0,198, 198,198],
  fill: color("#bbddff"),
  borderColor: color("#103080"),
  borderWidth: 2
)
}

出力SVG(sample959a.svg)をレンダリングした画像

動作環境
Groovy1.6.0, JDK1.6 Update12

関連項目
SVGRendererで直線を描画する
SVGRendererで円を描画する
SVGRendererで四角を描画する
SVGRendererで楕円を描画する
SVGRendererでグラデーションのかかった星を描画する　（図形をグラデーションで塗りつぶす方法）

Thursday, May 14, 2009

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>sample1091(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf.jpg");
$iw = $im->getImageWidth();
$ih = $im->getImageHeight();

$im2 = new Imagick();
$im2->newPseudoImage($iw, $ih, "xc:none");

$idraw = new ImagickDraw();
$idraw->setFillColor("white");
$idraw->ellipse(100,80,50,30,0,360);
$polygon[] = array('x' => 80, 'y' => 100);
$polygon[] = array('x' => 90, 'y' => 120);
$polygon[] = array('x' => 90, 'y' => 100);
$idraw->polygon($polygon);
$im2->drawImage($idraw);
$im2->shadeImage(true, 135, 23);
$im2->blurImage(0, 2, Imagick::CHANNEL_RED +
 Imagick::CHANNEL_GREEN +
 Imagick::CHANNEL_BLUE);
$im2->normalizeImage(Imagick::CHANNEL_RED +
 Imagick::CHANNEL_GREEN +
 Imagick::CHANNEL_BLUE);
$im2->setImageMatte(true);

$idraw2 = new ImagickDraw();
$idraw2->setFillColor("white");
/* フォント設定 */
$idraw2->setFont('Tahoma');
/* フォントサイズ設定 */
$idraw2->setFontSize(14);
/* gravity設定 */
$idraw2->setGravity(Imagick::GRAVITY_NORTHWEST);
/* 文字列描画 */
$idraw2->annotation(60, 75, "San Francisco");
$im->drawImage($idraw2);

$im->compositeImage($im2, Imagick::COMPOSITE_OVERLAY,
 0, 0, Imagick::CHANNEL_ALL);

$im->writeImage('sample1091a.png');
$im->destroy();
?>
<img src="sample1091a.png" /><br />

</body>
</html>

元画像(sf.jpg)

出力画像(sample1091a.png)

関連項目
ImageMagickで立体的な吹き出しを描画する

RMagickで画像をゴースト画像っぽく変換する

RMagickで画像をゴースト画像っぽく変換するには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf2.jpg")
images.colorspace = GRAYColorspace
images[0] = images.edge(1).blur_image(0,1).spread(1).
 motion_blur(0, 10, 260)
images.colorize(0.5, 0.5, 0.5, "#204070").
 write("sample1087a.png")

exit

元画像(sf2.jpg)

出力画像(sample1087a.png)

動作環境
ruby1.8.6, rmagick2.9.0

関連項目
ImageMagickで画像をゴーストっぽく変換する (convertコマンドでの似た処理)

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

Saturday, May 23, 2009

im4javaで画像にメディアンフィルタをかける

SVGRendererでイルカを描画する

Friday, May 22, 2009

ImageMagickとPHPで画像にストライプ枠をつける

SVGRendererでCubicCurveを描画する

Thursday, May 21, 2009

ImageMagickとPHPでバンド状グラデーションの文字列を描画する

SVGRendererでクロスを描画する

Wednesday, May 20, 2009

im4javaで画像を木炭画調に変換する

SVGRendererで蝶を描画する

Tuesday, May 19, 2009

RMagickでぼやけた円をランダムに描画する

SVGRendererで吹き出しを描画する

Monday, May 18, 2009

ImageMagickとPHPで回転させたグラデーションを描画する

SVGRendererで矢印を描画する

Sunday, May 17, 2009

RMagickで画像を縮小・タイル配置して回転させる

SVGRendererで日本語を描画する

Saturday, May 16, 2009

im4javaで画像を波型に揺らす

SVGRendererでポリラインを描画する

Friday, May 15, 2009

ImageMagickで画像をタイル画像に変換する

SVGRendererでポリゴンを描画する

Thursday, May 14, 2009

ImageMagickとPHPで立体的な吹き出しを描画する

RMagickで画像をゴースト画像っぽく変換する

About Me

Labels