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

Saturday, April 11, 2009

Pycairoで画像を上下反転させる

Pycairoで画像を上下反転させるには、以下のコードを実行します。

# coding=UTF-8
import cairo

img = cairo.ImageSurface.create_from_png("sf.png")
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)
ctx.translate(0, img.get_height())
ctx.scale(1.0, -1.0)
ctx.set_source_surface(img, 0, 0)
ctx.paint()
surface.write_to_png('sample1017a.png')

元画像(sf.png)

出力画像(sample1017a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

pycairoで画像を左右反転させる

RMagickで画像を滲んだ感じに変換する

RMagickで画像を滲んだ感じに変換するには、以下のコードを実行します。

require 'RMagick'
include Magick

# 画像を滲んだ感じに変換する
fn = "sf2.jpg"

images = ImageList.new(fn)
images.colorspace = GRAYColorspace
images.read(fn)
images[images.size-1] = images.spread(4).blur_image(0,1)
images.first.composite(images[images.size-1], 0, 0,
OverlayCompositeOp).write("sample931a.png")

exit

元画像(sf2.jpg)

出力画像(sample931a.png)

動作環境
ruby1.8.6, rmagick2.7.1

関連項目
ImageMagickで画像を滲んだ感じに変換する (convertコマンドでの同様の処理)

Friday, April 10, 2009

pycairoで角丸四角でクリッピングして画像を描画する

pycairoで角丸四角でクリッピングして画像を描画するには、以下のコードを実行します。

# coding=UTF-8
import cairo
import math

img = cairo.ImageSurface.create_from_png("sf.png")
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

x = 10
y = 10
w = 180
h = 180
r = 20

ctx.move_to(x+r, y)
ctx.line_to(x+w-r-1, y)
ctx.arc(x+w-r-1, y+r, r, -0.5*math.pi, 0)
ctx.line_to(x+w-1, y+h-r-1)
ctx.arc(x+w-r-1, y+h-r-1, r, 0, 0.5*math.pi)
ctx.line_to(x+r, y+h-1)
ctx.arc(x+r, y+h-r-1, r, 0.5*math.pi, math.pi)
ctx.line_to(x, y+r)
ctx.arc(x+r, y+r, r, math.pi, 1.5*math.pi)
ctx.close_path()
ctx.clip()
ctx.set_source_surface(img, 0, 0)
ctx.paint()
surface.write_to_png('sample1016a.png')

出力画像(sample1016a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

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>sample926(ImageMagick6.4.8)</title>
</head>
<body>
<?php
/* 文字ごとに背景色が異なる文字列を描画する */
/* 表示文字列 */
$message_string = "ImageMagick";
/* 描画色 */
$color1 = "#703020";
$color2 = "white";
/* ブロック幅・高さ */
$bw = 20;
$bh = 20;
/* 文字サイズ */
$ps = 15;

$images = new Imagick();
for($sl=0;$sl<strlen($message_string);$sl++){
  $dc1 = $sl%2==0?$color1:$color2;
  $dc2 = $sl%2==0?$color2:$color1;

  $im = new Imagick();
  $im->newImage($bw, $bh, $dc1);

  $idraw = new ImagickDraw();
  /* 塗りつぶし色設定 */
  $idraw->setFillColor($dc2);
  $im->drawImage($idraw);
  /* フォント設定 */
  $idraw->setFont('Tahoma-Bold');
  /* フォントサイズ設定 */
  $idraw->setFontSize($ps);
  $idraw->setGravity(Imagick::GRAVITY_CENTER);
  $im->annotateImage($idraw, 0, 0, 0, 
    substr($message_string,$sl,1));

  $images->addImage($im);
  $idraw->destroy();
  $im->destroy();
}
$images->setImageIndex(0);
$im2 = $images->appendImages(false);
$im2->writeImage('sample926a.png');

$images->destroy();
$im2->destroy();
?>
<img src="sample926a.png" /><br />

</body>
</html>

出力画像(sample926a.png)

Thursday, April 09, 2009

pycairoでラインキャップとラインジョインのタイプを指定する

pycairoでラインキャップとラインジョインのタイプを指定するには、以下のコードを実行します。

# coding=UTF-8
import cairo

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

ctx.move_to(50, 150)
ctx.line_to(100, 50)
ctx.line_to(150, 150)

ctx.set_line_cap(cairo.LINE_CAP_ROUND)
ctx.set_line_join(cairo.LINE_JOIN_ROUND)
ctx.set_line_width(20)
ctx.set_source_rgb(0x11/float(0xff), 0x33/float(0xff), 0x77/float(0xff))
ctx.stroke()
surface.write_to_png('sample1015a.png')

出力画像(sample1015a.pn)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

groovyでフラクタルフレーム画像を生成する

groovyでフラクタルフレーム画像を生成するには、以下のコードを実行します。


import groovy.swing.j2d.*

w=200
h=200
gr = new GraphicsRenderer()
gr.renderToFile("sample1009a.png", w, h){
 antialias 'on'
 rect( x: 0, y: 0, width: w, height: h,
   borderColor: no){
   filters {
     fractalFlame()
   }
 }
}
gr.renderToFile("sample1009b.png", w, h){
 antialias 'on'
 rect( x: 0, y: 0, width: w, height: h,
   borderColor: no){
   filters {
     fractalFlame(ifs: new org.jvnet.substance.watermarkpack.flamefractal.Vortex())
   }
 }
}

出力画像(sample1009a.png)

出力画像(sample1009b.png)

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

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

ImageMagickで画像を縮小してタイル配置にして回転させるには、以下のバッチファイルを実行します。

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

%im%\convert.exe sf.jpg -virtual-pixel tile -distort SRT "0.25 45" sample916a.png

元画像(sf.jpg)

出力画像(sample916a.png)

Wednesday, April 08, 2009

pycairoで角丸四角を描画する

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

# coding=UTF-8
import cairo
import math

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

x = 40
y = 50
w = 120
h = 100
r = 20

ctx.move_to(x+r, y)
ctx.line_to(x+w-r-1, y)
ctx.arc(x+w-r-1, y+r, r, -0.5*math.pi, 0)
ctx.line_to(x+w-1, y+h-r-1)
ctx.arc(x+w-r-1, y+h-r-1, r, 0, 0.5*math.pi)
ctx.line_to(x+r, y+h-1)
ctx.arc(x+r, y+h-r-1, r, 0.5*math.pi, math.pi)
ctx.line_to(x, y+r)
ctx.arc(x+r, y+r, r, math.pi, 1.5*math.pi)
ctx.close_path()

ctx.set_source_rgb(0xbb/float(0xff), 0xdd/float(0xff), 0xff/float(0xff))
ctx.fill_preserve()
ctx.set_source_rgb(0x11/float(0xff), 0x33/float(0xff), 0x77/float(0xff))
ctx.stroke()
surface.write_to_png('sample1014a.png')

出力画像(sample1014a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

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

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

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

%im%\convert.exe sf.jpg -modulate 100,250 -sketch 0x10+135 -spread 1 sample941a.png

元画像(sf.jpg)

出力画像(sample941a.png)

関連項目
ImageMagickで画像を絵画風に変換する

Tuesday, April 07, 2009

pycairoで回転した四角を描画する

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

# coding=UTF-8
import cairo
import math

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

ctx.translate(100, 100)
ctx.rotate(math.pi*45/180)
ctx.rectangle(-50, -50, 100, 100)
ctx.set_source_rgb(0xbb/float(0xff), 0xdd/float(0xff), 0xff/float(0xff))
ctx.fill()
surface.write_to_png('sample1013a.png')

出力画像(sample1013a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

RMagickを使用して、正多角形で画像を切り取る

RMagickを使用して、正多角形で画像を切り取るには、以下のコードを実行します。

require 'RMagick'
include Magick

# 正多角形で画像を切り取る
# 出力画像サイズ
width=200
height=200
# 頂点数
np = 6

images = ImageList.new
images.new_image(width, height){
self.background_color = "none"
}

cx = width/2
cy = height/2
rx = width/2
ry = height/2
sr = 360/np
ia = 270
points = []
np.times { |rc|
points << cx + Math.cos(Math::PI*(ia+sr*rc)/180)*rx
points << cy + Math.sin(Math::PI*(ia+sr*rc)/180)*ry
}
dr = Draw.new
dr.fill = "white"
dr.polygon(*points)
dr.draw(images)

images2 = ImageList.new("sf.jpg")
images2.alpha = ActivateAlphaChannel
images2.composite(images, 0, 0, DstInCompositeOp).
write("sample930a.png")

exit

元画像(sf.jpg)

出力画像(sample930a.png)

動作環境
ruby1.8.6, rmagick2.7.1

Monday, April 06, 2009

pycairoでテクスチャで塗りつぶしをする

pycairoでテクスチャで塗りつぶしをするには、以下のコードを実行します。

# coding=UTF-8
import cairo

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

img = cairo.ImageSurface.create_from_png("flower1.png")
psp = cairo.SurfacePattern(img)
psp.set_extend(cairo.EXTEND_REPEAT)
ctx.rectangle(0, 0, 200, 200)
ctx.set_source(psp)
ctx.fill()
surface.write_to_png('sample1012a.png')

テクスチャ画像(flower1.png)

出力画像(sample1012a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

groovyで画像に光を当てる

groovyで画像に光を当てるには、以下のコードを実行します。


import javax.imageio.*;
import groovy.swing.j2d.*

img = ImageIO.read(new File("sf.jpg"))
w = img.getWidth()
h = img.getHeight()
gr = new GraphicsRenderer()
gr.renderToFile("sample1008a.png", w, h){
 antialias 'on'
 rect( x: 0, y: 0, width: w, height: h,
   borderColor: no){
   texturePaint(x: 0, y: 0, image: img )
   filters {
     lights {
       pointLight(azimuth: 90/180f*Math.PI,
         elevation: 0.4,
         intensity: 0.7,
         color: 'yellow',
         centreX:0.8, centreY:0.1)
     }
   }
 }
}

出力画像(sample1008a.png)

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

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>sample925(ImageMagick6.4.8)</title>
</head>
<body>
<?php
/* ２値化した画像を半透明グラデーションにする */
$im = new Imagick("tree1.jpg");
$im->setImageMatte(true);
$im->blackThresholdImage('#808080');
$im->whiteThresholdImage('#808080');
$im->paintTransparentImage("white", 0, 0);
$im->paintOpaqueImage("black", "white", 0);

/* 半透明グラデーション */
$im2 = new Imagick();
$im2->newPseudoImage($im->getImageWidth(),
$im->getImageHeight(), "gradient:#ffffffff-#00000000");
/* 切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0,
Imagick::CHANNEL_ALL);
$im2->writeImage('sample925a.png');

/* 市松模様と重ね合わせ */
$im3 = new Imagick();
$im3->newPseudoImage($im->getImageWidth(),
$im->getImageHeight(), "pattern:CHECKERBOARD");

$im3->compositeImage($im2, Imagick::COMPOSITE_OVER, 0, 0,
Imagick::CHANNEL_ALL);
$im3->writeImage('sample925b.png');

$im3->destroy();
$im2->destroy();
$im->destroy();
?>
<img src="sample925a.png" /><br />
<img src="sample925b.png" /><br />

</body>
</html>

出力画像(sample925b.png)

関連項目
ImageMagickで、２値化した画像を半透明グラデーションにする (convertコマンドによる同様の処理)
ImageMagickとPHPで、画像の２値化を行う

Sunday, April 05, 2009

pycairoで放射グラデーションを描画する

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

# coding=UTF-8
import cairo

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, 200, 200)
ctx = cairo.Context(surface)

x1 = x2 = 100
r1 = 0
y1 = y2 = 100
r2 = 100

rg = cairo.RadialGradient(x1, y1, r1, x2, y2, r2)
rg.add_color_stop_rgba(0.00, 0x11/float(0xff), 0x33/float(0xff), 0x77/float(0xff), 1)
rg.add_color_stop_rgba(0.75, 0xbb/float(0xff), 0xdd/float(0xff), 0xff/float(0xff), 1)
rg.add_color_stop_rgba(1.00, 0xff/float(0xff), 0xa5/float(0xff), 0x00/float(0xff), 1)
ctx.rectangle(0, 0, 200, 200)
ctx.set_source(rg)
ctx.fill()
surface.write_to_png('sample1011a.png')

出力画像(sample1011a.png)

動作環境
Python2.6.1, GTK+2.16.0, pycairo1.4.12-2

関連項目
pycairoのまとめ

pycairoをWindowsにインストール

pycairoでグラデーションを描画する

pycairoを使用して半透明放射グラデーションで画像を切り取る

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

Saturday, April 11, 2009

Pycairoで画像を上下反転させる

RMagickで画像を滲んだ感じに変換する

Friday, April 10, 2009

pycairoで角丸四角でクリッピングして画像を描画する

ImageMagickとPHPで文字ごとに背景色が異なる文字列を描画する

Thursday, April 09, 2009

pycairoでラインキャップとラインジョインのタイプを指定する

groovyでフラクタルフレーム画像を生成する

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

Wednesday, April 08, 2009

pycairoで角丸四角を描画する

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

Tuesday, April 07, 2009

pycairoで回転した四角を描画する

RMagickを使用して、正多角形で画像を切り取る

Monday, April 06, 2009

pycairoでテクスチャで塗りつぶしをする

groovyで画像に光を当てる

ImageMagickとPHPで、２値化した画像を半透明グラデーションにする

Sunday, April 05, 2009

pycairoで放射グラデーションを描画する

About Me

Labels