== パスの属性 ==

パスを描くと線の部分は黒で描画され、着色を行うと線で囲まれた内側が塗られました。内側の色のことを塗りといいます。
 . 線のことを stroke
 . 塗りのことを fill
といいます。

 . {{attachment:color3.png}}

パスには線や塗りの色、透過性、線の太さなどの属性があり、個々に指定することができます。

----
=== 属性の表示 ===

画面左下には選択しているパスの属性の一部が表示されます。

 . {{attachment:color4.png}}

フィル、ストロークの色が表示されています。

その右にある'''O''' は Opacity の頭文字で'''不透明度'''を表しています。

この表示の色の部分をクリックすると、
さらに細かな情報が表示されます。
 . {{attachment:color10.png}}

画面上部(または右)にあるこのアイコンをクリックしても同じです。
 . {{attachment:color11.png}}

このようなウインドウが表示されます。
 . {{attachment:color12.png}}

ウインドウ内の表示は「フィル」、「ストロークの塗り」、「ストロークのスタイル」の３つのタブで切り替えることができます。

----
=== 塗り（フィル） ===

フィルタブを選ぶとこのような表示になります。
 . {{attachment:color13.png}}

タブのすぐ下で塗り方を選びます。
 * １番左の X を選ぶと、塗りは「なし」になります。
  . 塗りなしにすると下にあるものが透けて見えます。
 * ２番目を選ぶと、単一色(一色)で塗れます。

当分の間は'''この２つのどちらか'''を選んで下さい。<<BR>>
３番目以降はグラデーションの指定などです。後日解説。

右の方にある
 . {{attachment:color9a.png}}
は自分自身と交わっている形のパスを塗るときの方法を指定するためのものです。
左のようなパスを塗るときに、どちらのボタンを選ぶかで中央または右に示す塗り方に変わります。
 . {{attachment:color9b.png}}

下の方に
 . ぼかし
 . 不透明度
のスライダがあります。

この２つは塗り（フィル）と線（ストローク）両方に影響します。

「不透明度」のスライダは、画面左下の O(Opacity) と対応しています。
この値が100%のときは不透明、0%のときは透明で、中間の値のときは半透明になります。

通常は
 * ぼかしは 0.0
 * 不透明度は 100.0
です。

----
=== 線の色（ストロークの塗り） ===

ストロークの塗りタブを選ぶとこのような表示になります。
 . {{attachment:color14.png}}

それぞれのボタンの意味はフィルのときと同じです。

'''左の２つのどちらか'''を使って下さい。
線にグラデーションを指定することはほとんどありません。

----
=== 色の作り方 ===
フィルまたはストロークの塗りで単一色を選ぶと次のような表示になり、
自由に色を作ることができます。

色の作り方はつぎの４つから選ぶことができます。
CMSは使いません。
 * RGB
 * HSL
 * CMYK
 * ホイール
使いやすいものを１つマスターしましょう。

==== 不透明度 ====
４つのどれを選んでも A のスライダがあります。

Aはアルファの略で不透明度を表します。
 . 左端(0.0)にすると透明
 . 右端(100.0)にすると不透明です。

==== RGB ====
赤(R)緑(G)青(B)の光の色の量で調整します。

 . {{attachment:color6.png}}

==== ホイール ====
円周上で色相を選び、内側の三角の中で明るさや鮮やかさを選びます。
 . {{attachment:color7.png}}

----
=== 線のスタイル（ストロークのスタイル） ===

ストロークのスタイルタブを選ぶとこのような表示になります。

幅の数値を変えることで'''線の太さ'''を指定することができます。

太さを指定する単位も選ぶことができます。
通常は px （ピクセル）になっています。
pt(ポイント)またはmm(ミリメートル)を使うと良いでしょう。
 . 72pt = 1 inch， 1 inch = 25.4 mm です。
 . したがって 1 pt はおよそ 0.35mm になります。

 . {{attachment:color8.png}}

１つの直線セグメントの形は次のようになっています。
両端にあるノードの間を線幅で結んだ形です。

 . {{attachment:line2.png}}

端の形を、通常の切り落とし型のほかに、丸を加えた形や四角を加えた形にすることもできます。

 . {{attachment:line3.png}}

同様に、複数のセグメントからなるパスの場合に、角のノードの形を３種類から選ぶことができます。