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

Saturday, May 16, 2009

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で画像をタイル画像に変換するには、以下のバッチファイルを実行します。

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

SVGRendererで角丸四角を描画する

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


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample958a.svg", 200, 200){
rect( x:10, y:10, width:180, height:180,
  arcWidth: 20, arcHeight:20,
  fill: color("#bbddff"),
  borderColor: color("#103080"),
  borderWidth: 2
)
}

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

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

関連項目
・その他の描画
SVGRendererで直線を描画する
SVGRendererで円を描画する
SVGRendererで四角を描画する
SVGRendererで楕円を描画する

・グラデーションで塗りつぶす
SVGRendererでグラデーションのかかった星を描画する

groovyで角丸四角を描画する　（GraphicsRendererによる角丸四角描画)

Wednesday, May 13, 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 Im4java15
{
   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.virtualPixel("tile");
           op.distort("SRT", "0.25 45");
           op.addImage("sample1081a.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");
*/
       }
   }

}

元画像(sf2.jpg)

出力画像(sample1081a.png)

関連情報
im4javaのまとめ

ImageMagickで画像を縮小してタイル配置にして回転させる　(convertコマンドによる同様の処理)

SVGRendererで楕円を描画する

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


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample957a.svg", 200, 200){
ellipse( cx:100, cy:100, radiusx:80, radiusy:40,
fill: color("#bbddff"),
borderColor: color("#103080"),
borderWidth: 2
)
}

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

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

関連項目
SVGRendererで円を描画する
SVGRendererでドーナツ型を描画する
groovyで楕円を描画する (GraphicsRendererによる楕円描画)

Tuesday, May 12, 2009

ScriptomとImageMagickで画像を油絵調に変換する

ScriptomとImageMagickで画像を油絵調に変換するには、以下のコードを実行します。

import org.codehaus.groovy.scriptom.*

Scriptom.inApartment
{
im = new ActiveXObject("ImageMagickObject.MagickImage.1")
im.convert("sf.jpg", "-paint", "3", "sample1079a.png")
}

元画像(sf.jpg)

出力画像(sample1079a.png)

動作環境
Groovy1.6.0, JDK1.6 Update12, ImageMagick6.5.0, Microsoft VC++ 2008 Redistributable
※ImageMagickインストール時にCOMインターフェイスも入れておくこと。

SVGRendererで直線を描画する

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


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample956a.svg", 200, 200){
 line( x1:0, y1:0, x2: 200, y2:200,
   borderColor: color("#103080"),
   borderWidth: 2
 )
}

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

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

関連項目
groovyで直線を描画する (GraphicsRendererによる直線描画)
SVGRendererで四角を描画する

Monday, May 11, 2009

RMagickで画像を点画のように変換する

RMagickで画像を点画のように変換するには、以下のコードを実行します。


require 'RMagick'
include Magick

images = ImageList.new("sf.jpg")
images.modulate(1, 2.5, 1).
 sketch(0,10,135).spread(1).
 write("sample1076a.png")

exit

元画像(sf.jpg)

出力画像(sample1076a.png)

動作環境
ruby1.8.6, rmagick2.9.0

関連項目
ImageMagickで画像を点画のように変換する　（convertコマンドでの同様の処理）

SVGRendererで円を描画する

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


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample955a.svg", 200, 200){
circle( cx: 100, cy: 100, radius:80,
  fill: color("#bbddff"),
  borderColor: color("#103080"),
  borderWidth: 2
)
}

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

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

関連項目
SVGRendererで四角を描画する
SVGRendererでドーナツ型を描画する
groovyで円を描画する (GraphicsRendererでの同様の処理)

Sunday, May 10, 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>sample1104(ImageMagick6.5.2)</title>
</head>
<body>
<?php
$im = new Imagick("sf.jpg");
$im->setImageVirtualPixelMethod(Imagick::VIRTUALPIXELMETHOD_TRANSPARENT);
$im->setImageMatte(true);
$points = array(100,0, 110,20,
200,100, 190,110,
100,200, 90,190,
0,100, 10,90,
0,200, 0,180);
// ShepardsDistortion=14 in distort.h
$im->distortImage(14, $points, false);

$im->writeImage('sample1104a.png');

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

</body>
</html>

元画像(sf.jpg)

出力画像(sample1104a.png)

SVGRendererで四角を描画する

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


import groovy.swing.j2d.svg.*

gr = new SVGRenderer()
gr.renderToFile("sample954a.svg", 200, 200){
 rect( x:10, y:10, width:180, height:180,
   fill: color("#bbddff"),
   borderColor: color("#103080"),
   borderWidth: 2
 )
}

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

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

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

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

Saturday, May 16, 2009

im4javaで画像を波型に揺らす

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

Friday, May 15, 2009

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

SVGRendererでポリゴンを描画する

Thursday, May 14, 2009

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

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

SVGRendererで角丸四角を描画する

Wednesday, May 13, 2009

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

SVGRendererで楕円を描画する

Tuesday, May 12, 2009

ScriptomとImageMagickで画像を油絵調に変換する

SVGRendererで直線を描画する

Monday, May 11, 2009

RMagickで画像を点画のように変換する

SVGRendererで円を描画する

Sunday, May 10, 2009

ImageMagickとPHPで画像を変形させる

SVGRendererで四角を描画する

About Me

Labels