stroke要素
図形の線描画を行なうために使用する要素です。
- シェイプ系の要素の内部で使用します。
サンプル
<v:polyline style="position:relative;"points="50,0 62,37, 100,50, 62,62, 50,100, 37,62, 0,50, 37,37"><v:stroke dashstyle="longdash" startarrow="classic" /></v:polyline>
属性
| 属性 | 型 | 説明 |
|---|---|---|
| id | string | ページ内で一意なIDを指定します。個々の要素を参照する際、一意に識別するために使用します。 |
| on | boolean | 図形の線描画を行なうかどうかの有無を指定します。shape要素のstroke属性よりも優先されます。 |
| weight | number | 線描画の太さを指定します。shape要素のstrokeweight属性よりも優先されます。 |
| color | boolean | 線描画に使う色を指定します。shape要素のstrokecoolor属性よりも優先されます。 |
| opacity | number | 線描画の不透明度を指定します。0.0が透明で1.0が不透明です。 |
| style | string | 線のスタイルを指定します。【改行】single、thinthin（1:1:1）、thinthick、（1:1:2）、thickthin（2:1:1）、thickbetweenthin（1:1:2:1:1）が指定できます。 |
| miterlimit | number | 連結点の最内点と最外点の最大距離を指定します。 |
| joinstyle | string | 連結点のスタイルを指定します。【改行】round（丸い連結点）、bevel（斜めの連結点）、miterが指定できます。 |
| endcap | string | flat、square,roundが指定できます。 |
| dashstyle | 点線などのスタイルを指定します。【改行】string | solid、dot、dash、dashdot、longdash、longdashdot、longdashdotdotが指定できます。【改行】ユーザが独自に破線パターンを定義することも出来ます。 |
| filltype | string | solid、tile、pattern、frameが指定できます。 |
| src | string | パターンなどに使う画像のURLを指定します。 |
| imagesize | Vector2D | ブラシ描画の場合の画像サイズを指定します。指定しない場合は画像サイズとなります。 |
| imagealignshape | boolean | 画像を図形に揃えるかどうかの有無を指定します。Falseの場合、画像はウィンドウに揃えられます。 |
| color2 | color | パターンなどに使う色を指定します。 |
| startarrow | string | 開始点の矢印のスタイルを指定します。【改行】none、block、classic、diamond、oval、open、chevron、doublechevronが指定できます。 |
| startarrowwidth | string | 開始点の矢印の幅を指定します。【改行】narrow、medium、wideが指定できます。 |
| startarrowlength | string | 開始点の矢印の長さを指定します。【改行】short、medium、longが指定できます。 |
| endarrow | string | 終了点の矢印のスタイルを指定します。【改行】none、block、classic、diamond、oval、open、chevron、doublechevronが指定できます。 |
| endarrowwidth | string | 終了点の矢印の先の幅を指定します。【改行】narrow、medium、wideが指定できます。 |
| endarrowlength | string | 終了点の矢印の先の長さを指定します。【改行】short、medium、longが指定できます。 |
dashstyle属性で使用する値
dashstyle属性で使用する値は以下のような形式を指定できます。
| 例 | 説明 |
|---|---|
| 1 2 | 点線 |
| 4 2 | 破線 |
| 4 2 1 2 | 一点鎖線 |