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

Friday, May 06, 2011

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

PythonMagickで画像を木炭画調に変換するには、以下のコードの様にcharcoalを使用します。

# coding=UTF-8
import PythonMagick

# 画像を木炭画調に変換する
img = PythonMagick.Image("SF.JPG")
img.charcoal(2)

img.write("img10.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Wednesday, May 04, 2011

PythonMagickで画像に枠を追加する

PythonMagickで画像に枠を追加するには、以下のコードの様にborderを使用します。

# coding=UTF-8
import PythonMagick

# 画像に枠を追加する
img = PythonMagick.Image("SF.JPG")

# 枠の色を指定
img.borderColor(PythonMagick._PythonMagick.Color("white"))
# 枠を描画
img.border(PythonMagick._PythonMagick.Geometry(8,8))

img.borderColor(PythonMagick._PythonMagick.Color("#918164"))
img.border(PythonMagick._PythonMagick.Geometry(4,4))

img.write("img9.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Monday, May 02, 2011

PythonMagickで画像に日本語を描画する

PythonMagickで画像に日本語を描画するには、以下のコードの様にannotateを使用します。

# coding=UTF-8
import PythonMagick

# 画像に日本語を描画する
img = PythonMagick.Image("SF.JPG")
# 文字列の色
img.fillColor(PythonMagick._PythonMagick.Color("#ffff00"))
# 使用するフォント
img.font("/usr/share/fonts/truetype/ttf-japanese-gothic.ttf")
# フォントサイズ(ポイント)
img.fontPointsize(30)
img.annotate("日本語", 
  PythonMagick._PythonMagick.Geometry(0,0, 50, 150),
  PythonMagick._PythonMagick.GravityType.NorthWestGravity)
img.write("img8.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Saturday, April 30, 2011

PythonMagickで画像にぼかしをかける

PythonMagickで画像にぼかしをかけるには、以下のコードのようにblurを使用します。

# coding=UTF-8
import PythonMagick

# 画像にぼかしをかける
img = PythonMagick.Image("SF.JPG")
img.blur(0,1)
img.write("img7.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Thursday, April 28, 2011

PythonMagickで画像を回転させる

PythonMagickで画像を回転させるには、以下のコードのようにrotateを使用します。

# coding=UTF-8
import PythonMagick

# 画像を回転させる
img = PythonMagick.Image("SF.JPG")
# 余白の背景色を指定
img.backgroundColor(PythonMagick._PythonMagick.Color("#7799dd"))
img.rotate(30)
img.write("img6.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Tuesday, April 26, 2011

PythonMagickで画像をスクロールさせる

PythonMagickで画像をスクロールさせるには、以下のコードのようにrollを使用します。

# coding=UTF-8
import PythonMagick

# 横方向に20ピクセルスクロール
img = PythonMagick.Image("SF.JPG")
img.roll(PythonMagick._PythonMagick.Geometry(0, 0, 20, 0))
img.write("img5a.jpg")

# 縦方向に20ピクセルスクロール
img2 = PythonMagick.Image("SF.JPG")
img2.roll(PythonMagick._PythonMagick.Geometry(0, 0, 0, 20))
img2.write("img5b.jpg")

元画像

出力画像1

出力画像2

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Sunday, April 24, 2011

PythonMagickで画像の一部を切り取る

PythonMagickで画像の一部を切り取るには、以下のコードのようにcropを使用します。

# coding=UTF-8
import PythonMagick

# 画像の一部分を切り取る
img = PythonMagick.Image("SF.JPG")
img.crop(PythonMagick._PythonMagick.Geometry(50,100,100,100))
img.write("img4.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Monday, April 11, 2011

PythonMagickで画像をリサイズする

PythonMagickで画像をリサイズするには、以下のコードを実行します。

# coding=UTF-8
import PythonMagick

# リサイズ
img = PythonMagick.Image("SF.JPG")
img.sample(PythonMagick._PythonMagick.Geometry(100,100))
img.write("img3.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Friday, April 08, 2011

PythonMagickで画像を上下反転・左右反転させる

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

# coding=UTF-8
import PythonMagick

# 上下反転
img = PythonMagick.Image("SF.JPG")
img.flip()
img.write("img2.jpg")

# 左右反転
img2 = PythonMagick.Image("SF.JPG")
img2.flop()
img2.write("img3.jpg")

元画像

出力画像1

出力画像2

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Wednesday, April 06, 2011

PythonMagickで画像を白黒に変換する

PythonMagickで画像を白黒に変換するには、以下のコードを実行します。

# coding=UTF-8
import PythonMagick

img = PythonMagick.Image("SF.JPG")
img.modulate(100,0,0)
img.write("img1.jpg")

元画像

出力画像

※ubuntuでPythonMagickをインストールするには、以下のコマンドを実行します。
sudo apt-get install python-pythonmagick

動作環境
python 2.6.6, python-pythonmagick 0.9.1

Sunday, April 03, 2011

Graphvizで出力イメージを縮小する

Graphvizで出力イメージを縮小するには、以下のようにviewportの３番目のパラメータを指定します。.5を指定することで1/2に縮小されます。

実行コマンド
dot -Gviewport=150,150,.5 -Gresolution=72 -Tpng graph37.dot -o test37.png

graph37.dot(UTF-8で保存)

digraph graph37
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4;
}

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Friday, April 01, 2011

Graphvizで背景を透明にして半透明のノードを描画する

Graphvizで背景を透明にして半透明のノードを描画するには、以下のようにcolorでアルファ値を指定します。

graph36.dot(UTF-8で保存)

digraph graph36
{
  graph[bgcolor="#00000000"];
  node [fontname="MS Gothic", style="filled",
    fillcolor="#00000080"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph36.dot -o test36.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, March 30, 2011

Graphvizのcircoで有方向グラフを描画する

Graphvizのcircoで有方向グラフを描画するには、以下のようなコマンドを実行します。

実行コマンド
circo -Gviewport=500,500 -Gresolution=72 -Tpng graph35.dot -o test35.png

graph35.dot(UTF-8で保存)

digraph graph35
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目3 -> 項目4 -> 項目5;
  項目5 -> 項目6 -> 項目1;
  項目2 -> 項目5;
}

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, March 28, 2011

Graphvizのneatoでノードの位置を調節する

Graphvizのneatoでノードの位置を調節するには、以下のようにpos attributeを使用します。

graph34.dot(UTF-8で保存)

graph graph34
{
  node [fontname="MS Gothic"];
  項目1 [pos="0,0!"];
  項目2 [pos="3,0!"];
  項目1 -- 項目2 -- 項目3 -- 項目4;
  項目4 -- 項目1;
}

実行コマンド
neato -Gviewport=300,200 -Gresolution=72 -Tpng graph34.dot -o test34.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Saturday, March 26, 2011

Graphvizのneatoでノード間の線の長さを変更する

Graphvizのneatoでノード間の線の長さを変更するには、以下のようにlen attributeを使用します。

graph33.dot(UTF-8で保存)

graph graph33
{
  node [fontname="MS Gothic"];
  項目1 -- 項目2 -- 項目3 -- 項目4;
  項目4 -- 項目1 [len=2];
}

実行コマンド
neato -Gviewport=300,200 -Gresolution=72 -Tpng graph33.dot -o test33.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Thursday, March 24, 2011

Graphvizのneatoで無方向グラフを描画する

Graphvizのneatoで無方向グラフを描画するには、以下のようなコマンドを実行します。

実行コマンド
neato -Gviewport=300,200 -Gresolution=72 -Tpng graph32.dot -o test32.png

graph32.dot(UTF-8で保存)

graph graph32
{
  node [fontname="MS Gothic"];
  項目1 -- 項目2 -- 項目3;
  項目2 -- 項目4;
  項目2 -- 項目5;
}

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Tuesday, March 22, 2011

Graphvizで角丸四角などの角が丸まった形を描画する

Graphvizで角丸四角などの角が丸まった形を描画するには、以下のようにstyle attributeを使用します。

graph31.dot(UTF-8で保存)

digraph graph31
{
  node [fontname="MS Gothic"];
  項目2 [shape="box", style="rounded,filled",
    fillcolor="#ccddff"];
  項目3 [shape="triangle", style="rounded,filled",
    fillcolor="#ccddff"];
  項目4 [shape="house", style="rounded,filled",
    fillcolor="#ccddff"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4;
}

実行コマンド
dot -Gviewport=300,200 -Gresolution=72 -Tpng graph31.dot -o test31.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Sunday, March 20, 2011

Graphvizで矢印の頭の形を変更する

Graphvizで矢印の頭の形を変更するには、以下のようにarrowheadを使用します。

graph30.dot(UTF-8で保存)

digraph graph30
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 [arrowhead="dot"];
  項目2 -> 項目3 [arrowhead="empty"];
  項目2 -> 項目4 [arrowhead="diamond"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph30.dot -o test30.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Friday, March 18, 2011

Graphvizでノードの間隔を調節する

Graphvizでノードの間隔を調節するには、以下のようにranksepとnodesepを使用します。

graph29.dot(UTF-8で保存)

digraph graph29
{
ranksep=0.2; nodesep=0.1;
  node [fontname="MS Gothic"];
  "項目1 " -> "項目2 " -> "項目3 ";
  "項目2 " -> "項目4 ";
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph29.dot -o test29.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, March 16, 2011

Graphvizでサブグラフ(クラスタ)への矢印を描画する

Graphvizでサブグラフ(クラスタ)への矢印を描画するには、以下のようにlheadとltailを使用します。

graph28.dot(UTF-8で保存)

digraph graph28
{
  compound=true;
  node [fontname="MS Gothic"];
開始;
  subgraph cluster0 {
    手順1 -> 手順2;
  }
  subgraph cluster1 {
    手順3 -> 手順4;
  }
  開始 -> 手順1 [lhead=cluster0];
  開始 -> 手順3 [lhead=cluster1];
  手順2 -> 終了 [ltail=cluster0];
  手順4 -> 終了 [ltail=cluster1];
}

実行コマンド
dot -Gviewport=200,300 -Gresolution=72 -Tpng graph28.dot -o test28.png

出力画像

動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/