stroke-widthプロパティによって、描かれる図形の輪郭線の幅が指定されます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、stroke-widthプロパティの値を指定する場合はstroke-width属性を利用します。
stroke-width属性の値は線幅を表す長さ、もしくは"inherit"です。
例えば、
stroke-width="1"
のように書けば、stroke-width属性の付いた要素によって描かれる図形の輪郭線が幅1で描かれます。
輪郭線の幅は輪郭線の両側に半分ずつ広がります。多くの場合、半分は図形の内側に、半分は図形の外側になります。SVGによる描画では、内部の塗りつぶしの後に輪郭線が描かれるので、塗りつぶされた内部の一部が輪郭線によって上書きされます。輪郭線の幅が広くなるにつれ、上書きされる領域が広くなります。
例えば、
stroke-width="2"
のように書けば、線幅1の分だけ外側に、線幅1の分だけ内側に幅を持ちます。したがって、線幅1の分だけ内部を上書きします。
0が指定された場合は、輪郭線は描かれません。また、負の値を指定してはいけません。
stroke-widthがない場合は"1"として扱われます。すなわち、線幅1で描かれます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、stroke-widthプロパティの値を指定する場合はstroke-width属性を利用します。
stroke-width属性の値は線幅を表す長さ、もしくは"inherit"です。
例えば、
stroke-width="1"
のように書けば、stroke-width属性の付いた要素によって描かれる図形の輪郭線が幅1で描かれます。
輪郭線の幅は輪郭線の両側に半分ずつ広がります。多くの場合、半分は図形の内側に、半分は図形の外側になります。SVGによる描画では、内部の塗りつぶしの後に輪郭線が描かれるので、塗りつぶされた内部の一部が輪郭線によって上書きされます。輪郭線の幅が広くなるにつれ、上書きされる領域が広くなります。
例えば、
stroke-width="2"
のように書けば、線幅1の分だけ外側に、線幅1の分だけ内側に幅を持ちます。したがって、線幅1の分だけ内部を上書きします。
0が指定された場合は、輪郭線は描かれません。また、負の値を指定してはいけません。
stroke-widthがない場合は"1"として扱われます。すなわち、線幅1で描かれます。