【直線-11】四角形を描いてみよう

直線を次々に引いていって四角形を描きます。
ここで線幅を太くしているのは意味があります。
左上の角をよく見ると、少し凹んでいます。
これは線が繋がっていないためです。

1
2
3
4
5
6
7
8
9
10

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
120 120 translate % 座標の原点を中央に移動
newpath % パスの初期化
-60 60 moveto % 始点を移動(左上)
-60 -60 lineto % パスを引く（左下へ）
60 -60 lineto % 右下へ
60 60 lineto % 右上へ
-60 60 lineto % 左上へ
stroke % 線を描画

線を繋ぐには左上に線を引くのではなく、closepathで繋ぎます。

1
2
3
4
5
6
7
8
9
10
11
12

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
%%Title:closepathで線を繋ぐ
120 120 translate % 座標の原点を中央に移動
newpath % パスの初期化
-60 60 moveto % 始点を移動(左上)
-60 -60 lineto % パスを引く（左下へ）
60 -60 lineto % 右下へ
60 60 lineto % 右上へ
% (不要) -60 60 lineto 左上へ
closepath % 線を繋ぐ
stroke % 線を描画

直線の引き方には２通りあります。linetoが絶対位置を指定するのに対してrlinetoは相対位置で指定します。

rlinetoも最初はmovetoで始点をおきます。

1
2
3
4
5
6
7
8
9
10
11

%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 240 240
120 120 translate % 座標の原点を中央に移動
newpath % パスの初期化
10 setlinewidth % 線幅10ポイント
-60 60 moveto % 始点を移動(左上)
0 -120 rlineto % 左パス
120 0 rlineto % 下パス
0 120 rlineto % 右パス
closepath % 線を繋げる
stroke % 線を描画

【オペレータの説明】

closepath	パスの始点と終点を接続する。
dx dy rlinto	現在のポイントを基点に、相対位置（水平方向dx, 垂直方向dy）まで線分を追加（relative linetoの略）