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

Saturday, October 11, 2008

Java2DとJava Image Filters(pixels)を使用してMaximumフィルタを適用する

Java2DとJava Image Filters(pixels)を使用してMaximumフィルタを適用するには、以下のコードを実行します。


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

public class Java2DTest54
{
   public static void main(String args[])
       throws Exception
   {
       /* Maximumフィルタを画像に適用する */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       MaximumFilter df = new MaximumFilter();
       BufferedImage img2 = df.filter(img, null);
       ImageIO.write(img2, "jpg", new File("sample585a.jpg"));
   }
}

元画像(sf.jpg)

出力画像(sample585a.jpg)

関連項目
Jerry Huxtableさんのホームページ
http://www.jhlabs.com/index.html
Java Image Filtersのページ
http://www.jhlabs.com/ip/filters/
java.netでのプロジェクトページ
https://pixels.dev.java.net/

Python Imaging Libraryを使用して画像をぼかす

Python Imaging Libraryを使用して画像をぼかすには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageFilter

# 画像をぼかす
img1 = Image.open("sf.jpg")
img2 = img1.filter(ImageFilter.BLUR)
img2.save("sample620a.jpg")

元画像(sf.jpg)

出力画像(sample620a.jpg)

関連情報
Python Imaging Libraryまとめ

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

librsvgでポリラインを描画するには、以下のsvgファイルを処理します。

polyline.svg


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  width="200" height="200">
<polyline points="100,0 0,200 200,200"
style="fill:#bbddff; stroke-width:1; stroke:#000000 "
/>
</svg>

コマンド
rsvg-convert polyline.svg -f png -o sample676.png

出力画像(sample676.png)

○関連項目
・librsvgをwindowsで使用してSVGからPNG画像を生成する (librsvgをWindowsで使用する方法)
・libsvgに関する他の記事はこちらを参照してください。

Friday, October 10, 2008

Java2DとJava Image Filters(pixels)を使用して文字列をガラスのように描画する

Java2DとJava Image Filters(pixels)を使用して文字列をガラスのように描画するには、以下のコードを実行します。


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

public class Java2DTest53
{
   public static void main(String args[])
       throws Exception
   {
       /* ガラス効果 */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));

       /* displacementマップの作成 */
       BufferedImage img2 = new BufferedImage(
           img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_ARGB
       );
       /* 白背景に塗りつぶし後、黒で文字列描画 */
       FillFilter ff = new FillFilter(0xffffffff);
       img2 = ff.filter(img2, null);
       Graphics2D gr = img2.createGraphics();
       gr.setColor(new Color(0x00, 0x00, 0x00, 0xff));
       gr.setFont(new Font("Tahoma", Font.BOLD, 100));
       gr.drawString("SF", 40, 150);
       gr.dispose();
       /* displacementマップのぼかし */
       GaussianFilter gf = new GaussianFilter(4);
       img2 = gf.filter(img2, null);

       DisplaceFilter df = new DisplaceFilter();
       /* displacementマップ設定 */
       df.setDisplacementMap(img2);
       /* effect量 */
       df.setAmount(0.7f);
       /* 端の処理 */
       df.setEdgeAction(TransformFilter.CLAMP);
       BufferedImage img3 = df.filter(img, null);

       ImageIO.write(img3, "jpg", new File("sample584a.jpg"));
   }
}

元画像(sf.jpg)

出力画像(sample584a.jpg)

librsvgでポリゴンを描画する

librsvgでポリゴンを描画するには、以下のsvgファイルを処理します。

polygon.svg


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  width="200" height="200">
<polygon points="100,0 0,200 200,200"
style="fill:#bbddff; stroke-width:1; stroke:#000000 "
/>
</svg>

コマンド
rsvg-convert polygon.svg -f png -o sample675.png

出力画像(sample675.png)

Thursday, October 09, 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>sample644(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の左上下と右下に半透明のグラデーションを描画する */
$im = new Imagick("sf2.jpg");
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "black");
$im2->setImageMatte(true);
$idraw = new ImagickDraw();
/* 塗りつぶし色設定 */
$idraw->setStrokeColor('white');
$idraw->setStrokeWidth(200);
$idraw->setStrokeAntialias(false);
$idraw->line(0, $im->getImageHeight(), $im->getImageWidth(), 0);
$im2->drawImage($idraw);
$im2->paintTransparentImage("white", 0, 0);
$im2->paintOpaqueImage("black", "#bbddffd0", 0);
$im2->blurImage(0, 20, Imagick::CHANNEL_ALL);

/* 重ね合わせ */
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im->writeImage('sample644a.jpg');

$im2->destroy();
$im->destroy();
?>
<img src="sample644a.jpg" />

</body>
</html>

元画像(sf2.jpg)

出力画像(sample644a.jpg)

Java2DとJava Image Filters(pixels)を使用して画像のドロップシャドウ付き文字列を描画する

Java2DとJava Image Filters(pixels)を使用して画像のドロップシャドウ付き文字列を描画するには、以下のコードを実行します。


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

public class Java2DTest52
{
    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(0xff, 0xff, 0xff, 0xff));
        gr.setFont(new Font("Tahoma", Font.BOLD, 28));
        gr.drawString("San Francisco", 5, 50);
        gr.dispose();

//        ShadowFilter sf = new ShadowFilter(3f,3f,-3f,0.8f);
        ShadowFilter sf = new ShadowFilter();
        /* 半径 */
        sf.setRadius(7f);
        /* 透明度 */
        sf.setOpacity(0.9f);
        /* 角度 */
        sf.setAngle(300f/180f*ImageMath.PI);
        /* 距離 */
        sf.setDistance(5f);
        /* 影の色 */
        sf.setShadowColor(0xff202020);
        /* 影のマージン */
        sf.setAddMargins(false);
        /* 影のみにするか */
        sf.setShadowOnly(false);
        BufferedImage img3 = sf.filter(img2, null);

        Graphics2D gr2 = img.createGraphics();
        gr2.drawImage(img3,0,0,null);
        gr2.dispose();

        ImageIO.write(img, "jpg", new File("sample583a.jpg"));
    }
}

元画像(sf.jpg)

出力画像(sample583a.jpg)

librsvgで角丸四角を描画する

librsvgで角丸四角を描画するには、以下のsvgファイルを処理します。

roundrectangle.svg


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   width="200" height="200">
<rect x="50" y="50" width="100" height="100"
 rx="20" ry="20"
 style="fill:#bbddff; stroke-width:1;
 stroke:#000000 "/>
</svg>

コマンド
rsvg-convert roundrectangle.svg -f png -o sample674.png

出力画像(sample674.png)

Wednesday, October 08, 2008

Java2DとJava Image Filters(pixels)を使用して画像をサーモグラフィ風に変換する

Java2DとJava Image Filters(pixels)を使用して画像をサーモグラフィ風に変換するには、以下のコードを実行します。


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

public class Java2DTest51
{
    public static void main(String args[])
        throws Exception
    {
        /* Lookupフィルタ */
        BufferedImage img = ImageIO.read(new File("sf.jpg"));

        /* カラーマップを作成 */
        ArrayColormap ac = new ArrayColormap();
        ac.setColorRange(0, 50, Color.BLACK.getRGB(), Color.BLUE.getRGB());
        ac.setColorRange(51, 101, Color.BLUE.getRGB(), Color.GREEN.getRGB());
        ac.setColorRange(102, 152, Color.GREEN.getRGB(), Color.YELLOW.getRGB());
        ac.setColorRange(153, 204, Color.YELLOW.getRGB(), Color.RED.getRGB());
        ac.setColorRange(205, 255, Color.RED.getRGB(), Color.WHITE.getRGB());
        LookupFilter lf = new LookupFilter(ac);

        BufferedImage img2 = lf.filter(img, null);
        ImageIO.write(img2, "jpg", new File("sample582a.jpg"));
    }
}

元画像(sf.jpg)

出力画像(sample582a.jpg)

Python Imaging Libraryを使用して、画像の左右反転・上下反転を行う

Python Imaging Libraryを使用して、画像の左右反転・上下反転を行うには、以下のコードを実行します。

# coding=UTF-8
import Image
# 画像の左右反転
img1 = Image.open("sf.jpg")
img2 = img1.transpose(Image.FLIP_LEFT_RIGHT)
img2.save("sample619a.jpg")
# 画像の上下反転
img3 = img1.transpose(Image.FLIP_TOP_BOTTOM)
img3.save("sample619b.jpg")

元画像(sf.jpg)

出力画像(sample619a.jpg)

出力画像(sample619b.jpg)

関連情報
Python Imaging Libraryまとめ

librsvgで楕円を描画する

librsvgで楕円を描画するには、以下のsvgを処理します
ellipse.svg


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   width="300" height="300">
<ellipse cx="150" cy="150" rx="100" ry="70"
 style="fill:#bbddff; stroke-width:1; stroke:#000000 "
/>
</svg>

コマンド
rsvg-convert ellipse.svg -f png -o sample673.png

出力画像(sample673.png)

Tuesday, October 07, 2008

Java2DとJava Image Filters(pixels)を使用して炎のような画像を生成する

Java2DとJava Image Filters(pixels)を使用して炎のような画像を生成するには、以下のコードを実行します。


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

public class Java2DTest50
{
    public static void main(String args[])
        throws Exception
    {
        /* FBMフィルタ */
        BufferedImage img = new BufferedImage(
            200, 200, BufferedImage.TYPE_INT_RGB
        );

        FBMFilter fbmf = new FBMFilter();
        /* effect量 */
        fbmf.setAmount(1f);
        /* 操作タイプ */
        fbmf.setOperation(FBMFilter.NOISE);
        /* スケール */
        fbmf.setScale(32);
        /* 引き伸ばし率 */
        fbmf.setStretch(1f);
        /* 角度 */
        fbmf.setAngle(10f/180f*ImageMath.PI);

        /* カラーマップを作成&設定 */
        ArrayColormap ac = new ArrayColormap();
        ac.setColorRange(0, 100, 0x00000000, 0xffff8040);
        ac.setColorRange(101, 200, 0xffff8040, 0xffffff60);
        ac.setColorRange(201, 255, 0xffffff60, 0xffffffe0);
        fbmf.setColormap(ac);

        BufferedImage img2 = fbmf.filter(img, null);
        ImageIO.write(img2, "jpg", new File("sample581a.jpg"));
    }
}

出力画像(sample581a.jpg)

librsvgで円を描画する

librsvgで円を描画するには、以下のsvgファイルを処理します。

circle.svg


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   width="200" height="200">
<circle cx="100" cy="100" r="90"
 style="fill:#bbddff; stroke-width:1; stroke:#000000 "
/>
</svg>

コマンド
rsvg-convert circle.svg -f png -o sample672.png

出力画像(sample672.png)

Monday, October 06, 2008

Java2DとJava Image Filters(pixels)を使用して画像にグローフィルタをかける

Java2DとJava Image Filters(pixels)を使用して画像にグローフィルタをかけるには、以下のコードを実行します。

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

public class Java2DTest49
{
    public static void main(String args[])
        throws Exception
    {
        /* グローフィルタ */
        BufferedImage img = ImageIO.read(new File("sf2.jpg"));

        GlowFilter gf = new GlowFilter();
        /* effect量 */
        gf.setAmount(0.3f);

        BufferedImage img2 = gf.filter(img, null);
        ImageIO.write(img2, "jpg", new File("sample580a.jpg"));
    }
}

元画像(sf2.jpg)

出力画像(sample580a.jpg)

Rmagickで画像の端がかすれたように処理する

Rmagickで画像の端がかすれたように処理するには、以下のコードを実行します。


require 'RMagick'
include Magick

# 余白
px = 10
py = 10
# 画像読み込み
images = ImageList.new("sf2.jpg")
# マスク作成
mask = Image.new(images[0].columns, images[0].rows){
 self.background_color = "none"
}
idr = Draw.new
idr.rectangle(px, py, images[0].columns-1-px, images[0].rows-1-px)
idr.draw(mask);
mask = mask.spread(2);

# マスクを利用して切り取り
img2 = mask.composite(images[0], 0, 0, SrcInCompositeOp)

# 背景用画像
bg = Image.new(images[0].columns, images[0].rows){
 self.background_color = "white"
}
img3 = bg.composite(img2, CenterGravity, 0, 0, OverCompositeOp);
img3.write("sample643a.png")

exit

元画像(sf2.jpg)

出力画像()

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

関連項目

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

librsvgで四角を描画する

librsvgで四角を描画するには、以下のsvgファイルを処理します。

rectangle.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   width="300" height="300">
<rect x="50" y="50" width="200" height="200"
 style="fill:#bbddff; stroke-width:1;
 stroke:#000000 "/>
</svg>

コマンド
rsvg-convert rectangle.svg -f png -o sample671.png

出力画像(sample671.png)

Sunday, October 05, 2008

Java2DとJava Image Filters(pixels)を使用して放射ブラーをかける

Java2DとJava Image Filters(pixels)を使用して放射ブラーをかけるには、以下のコードを実行します。


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

public class Java2DTest48
{
  public static void main(String args[])
      throws Exception
  {
      /* 放射ブラー */
      BufferedImage img = ImageIO.read(new File("sf2.jpg"));

      MotionBlurFilter mbf = new MotionBlurFilter();
      mbf.setAngle(0f/180f*ImageMath.PI);
      mbf.setDistance(1f);
      mbf.setRotation(0.0f);
      mbf.setZoom(0.1f);
      mbf.setWrapEdges(false);

      BufferedImage img2 = mbf.filter(img, null);
      ImageIO.write(img2, "jpg", new File("sample579a.jpg"));
  }
}

元画像(sf2.jpg)

出力画像(sample579a.jpg)

関連項目
Jerry Huxtableさんのホームページ
http://www.jhlabs.com/index.html

Java Image Filtersのページ
http://www.jhlabs.com/ip/filters/

java.netでのプロジェクトページ
https://pixels.dev.java.net/

groovyで画像に放射ブラーをかける (groovyでの同様の処理)

Python Imaging Libraryを使用して画像を回転させる

Python Imaging Libraryを使用して画像を回転させるには、以下のコードを実行します。

# coding=UTF-8
import Image
# 画像の回転
img1 = Image.open("sf.jpg")
img2 = img1.rotate(20)
img2.save("sample618a.jpg")
img3 = img1.rotate(20, expand=1)
img3.save("sample618b.jpg")

元画像(sf.jpg)

出力画像1(sample618a.jpg)：拡張無し

出力画像2(sample618b.jpg)：拡張あり

関連情報
Python Imaging Libraryまとめ

librsvgで線を描画する

librsvgで線を描画するには、以下のsvgファイルを処理します。

line.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 width="200" height="200">
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:#bbddff; stroke-width:2"/>
</svg>

コマンド
rsvg-convert line.svg -f png -o sample670.png

出力画像(sample670.png)

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

Saturday, October 11, 2008

Java2DとJava Image Filters(pixels)を使用してMaximumフィルタを適用する

Python Imaging Libraryを使用して画像をぼかす

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

Friday, October 10, 2008

Java2DとJava Image Filters(pixels)を使用して文字列をガラスのように描画する

librsvgでポリゴンを描画する

Thursday, October 09, 2008

ImageMagickとPHPを使用して画像の左上と右下に半透明のグラデーションをかける

Java2DとJava Image Filters(pixels)を使用して画像のドロップシャドウ付き文字列を描画する

librsvgで角丸四角を描画する

Wednesday, October 08, 2008

Java2DとJava Image Filters(pixels)を使用して画像をサーモグラフィ風に変換する

Python Imaging Libraryを使用して、画像の左右反転・上下反転を行う

librsvgで楕円を描画する

Tuesday, October 07, 2008

Java2DとJava Image Filters(pixels)を使用して炎のような画像を生成する

librsvgで円を描画する

Monday, October 06, 2008

Java2DとJava Image Filters(pixels)を使用して画像にグローフィルタをかける

Rmagickで画像の端がかすれたように処理する

librsvgで四角を描画する

Sunday, October 05, 2008

Java2DとJava Image Filters(pixels)を使用して放射ブラーをかける

Python Imaging Libraryを使用して画像を回転させる

librsvgで線を描画する

About Me

Labels