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

Friday, March 04, 2011

GraphvizでHTML風のラベルを指定する

GraphvizでHTML風のラベルを指定するには、以下のようにlabel attributeを使用します。

graph22.dot(UTF-8で保存)

graph graph21
{
  node [fontname="MS Gothic"];
  項目1 [shape="none", label=<
<table cellpadding="16" cellspacing="4">
<tr><td>列1 </td><td>列2 </td></tr>
<tr><td>100</td><td>200</td></tr>
</table>>];
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Wednesday, March 02, 2011

Graphvizで線のラベルを指定する

Graphvizで線のラベルを指定するには、以下のようにlabel attributeを使用します。

graph21.dot(UTF-8で保存)

graph graph21
{
  node [fontname="MS Gothic"];
  項目1 -- 項目2 -- 項目3;
  項目2 -- 項目4 [label="execute"];
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Monday, February 28, 2011

Graphvizで矢印を点線・破線にする

Graphvizで矢印を点線・破線にするには、以下のようにstyle attributeを使用します。

graph20.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Saturday, February 26, 2011

Graphvizで矢印の接続先を指定する

Graphvizで矢印の接続先を指定するには、以下のようにheadport attributeを使用します。

graph19.dot(UTF-8で保存)

digraph graph19
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4 [headport="w"];
  項目2 -> 項目5 [headport="e"];
  項目2 -> 項目6 [headport="s"];
}

実行コマンド
dot -Gviewport=400,300 -Gresolution=72 -Tpng graph19.dot -o test19.png

出力画像

動作環境
Graphviz 2.26.3

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

Thursday, February 24, 2011

Graphvizで矢印のヘッドのラベルを指定する

Graphvizで矢印のヘッドのラベルを指定するには、以下のようにheadlabel attributeを使用します。

graph18.dot(UTF-8で保存)

digraph graph18
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4 [headlabel="one to many"];
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Tuesday, February 22, 2011

Graphvizでエッジがランキングに使用されないように指定する

Graphvizでエッジがランキングに使用されないように指定するには、以下のようにconstraint attributeを使用します。

graph17.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Sunday, February 20, 2011

Graphvizで双方向の矢印の色を指定する

Graphvizで双方向の矢印の色を指定するには、以下のように値が:で区切られたcolor attributeを使用します。

graph16.dot(UTF-8で保存)

digraph graph16
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4 [dir="both", color="#eeaa00:#7799dd"];
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Friday, February 18, 2011

Graphvizで双方向の矢印を描画する

Graphvizで双方向の矢印を描画するには、以下のようにdir attributeを使用します。

graph15.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Wednesday, February 16, 2011

Graphvizで矢印の大きさを指定する

Graphvizで矢印の大きさを指定するには、以下のようにarrowsize attributeを使用します。

graph14.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Monday, February 14, 2011

Graphvizで矢印を描画する

Graphvizで矢印を描画するには、以下のようにdigraphと->を使用します。

graph13.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Sunday, February 13, 2011

VPythonで光源の向きを設定する

VPythonで光源の向きを設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0xff/255.,0xff/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0xff/255.,0xff/255.,0xff/255.))
# カメラが見る点を指定
scene.center = (0,2,0)
# 緑色の下向きの光源を設定
lamp1 = distant_light(direction=(0, 1, 0),
color=color.green)
# 青色の左向きの光源を設定
lamp2 = distant_light(direction=(1, 0, 0),
color=color.blue)

実行画面

動作環境
Python 3.1.3, VPython 5.41

Friday, February 11, 2011

Graphvizでノードの形を指定する

Graphvizでノードの形を指定するには、以下のようにshape attributeを使用します。

graph12.dot(UTF-8で保存)

graph graph12
{
  node [fontname="MS Gothic"];
  項目2[shape="folder"];
  項目3[shape="box"];
  項目4[shape="note"];
  項目1 -- 項目2 -- 項目3;
  項目2 -- 項目4;
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Thursday, February 10, 2011

VPythonで点光源を設定する

VPythonで点光源を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0xff/255.,0xff/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0xff/255.,0xff/255.,0xff/255.))
# カメラが見る点を指定
scene.center = (0,2,0)
# 緑色の点光源を設定
lamp1 = local_light(pos=(-2, 1.5, 0), color=color.green)
# 青色の点光源を設定
lamp2 = local_light(pos=(2, 1.5, 0), color=color.blue)

実行画面

動作環境
Python 3.1.3, VPython 5.41

Tuesday, February 08, 2011

Graphvizでグラフの方向を変える

Graphvizでグラフの方向を変えるには、以下のようにrankdir attributeを使用します。

graph11.dot(UTF-8で保存)

graph graph11
{
  graph[rankdir="LR"];
  node [fontname="MS Gothic"];
  項目1 -- 項目2 -- 項目3;
  項目2 -- 項目4;
}

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

出力画像

動作環境
Graphviz 2.26.3

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

Monday, February 07, 2011

VPythonでカメラを向ける位置を設定する

VPythonでカメラを向ける位置を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0x99/255.,0xdd/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.))
# カメラを向ける位置を指定
scene.center = (0,2,0)

実行画面

動作環境
Python 3.1.3, VPython 5.41

Saturday, February 05, 2011

Graphvizで線の太さを指定する

Graphvizで線の太さを指定するには、以下のようにpenwidth attributeを使用します。

graph10.dot(UTF-8で保存)

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

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

出力画像

動作環境
Graphviz 2.26.3

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

Friday, February 04, 2011

VPythonで不透明度を設定する

VPythonで不透明度を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 不透明度を設定
for lc in range(0,9):
 sphere1 = sphere(pos=(lc, 0, 0), radius=1,
 color=(0x99/255.,0xdd/255.,0xff/255.),
 opacity=(10-lc)/10.)

実行画面

動作環境
Python 3.1.3, VPython 5.41

Wednesday, February 02, 2011

Graphvizでノードに表示するラベルを指定する

Graphvizでノードに表示するラベルを指定するには、以下のようにlabel attributeを使用します。

graph9.dot(UTF-8で保存)

graph graph9
{
  node [fontname="MS Gothic"];
  computer[image="computer.png", label="コンピューター"];
  harddisk[image="drive-harddisk.png"];
  mouse[image="input-mouse.png"];
  computer -- harddisk;
  computer -- mouse;
}

実行コマンド
dot -Gviewport=220,200 -Gresolution=72 -Tpng graph9.dot -o test9.png

出力画像

動作環境
Graphviz 2.26.3

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

Tuesday, February 01, 2011

VPythonでテクスチャを設定する

VPythonでテクスチャを設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# テクスチャを使用
sphere1 = sphere(pos=(0, 0, 0), radius=1,
material = materials.texture(
data=materials.loadTGA('sf_128x128.tga'),
mapping='spherical'))
# 回転
sphere1.rotate(angle=pi*260./180., axis=(1,0,1))

実行画面

TGAファイルを作成するには、ImageMagickを使用して以下のようなバッチで
JPEGからTGAに変換します。サイズは2の乗数に設定します。

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

%im%\convert.exe sf.jpg -resize 128x128 sf_128x128.tga

動作環境
Python 3.1.3, VPython 5.41

Sunday, January 30, 2011

Graphvizでノードに表示する画像を指定する

Graphvizでノードに表示する画像を指定するには、以下のようにimage attributeを使用します。

graph8.dot(UTF-8で保存)

graph graph8
{
  node [fontname="MS Gothic"];
  computer[image="computer.png"];
  harddisk[image="drive-harddisk.png"];
  mouse[image="input-mouse.png"];
  computer -- harddisk;
  computer -- mouse;
}

実行コマンド
dot -Gviewport=220,200 -Gresolution=72 -Tpng graph8.dot -o test8.png

出力画像

動作環境
Graphviz 2.26.3

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