textpath要素
図形の内部に表示するテキストのパスを定義する際に使用する要素です。
サンプル
<v:arc style="width:400; height:200;" startangle="0" endangle="45">
<v:path textpathok="true" />
<v:fill type="gradient" color="silver" color2="white" />
<v:textpath on="true" string="VML" style="font:normal normal normal 48pt 'Arial Black'"/>
</v:arc>
属性
| 属性 | 型 | 説明 |
|---|
| id | string | ページ内で一意なIDを指定します。個々の要素を参照する際、一意に識別するために使用します。 |
| style | string | CSS情報を指定します。使用可能なCSS属性は限られていたり、VML独自のCSS属性が存在したりしますが、書き方はHTML同様です。 |
| on | boolean | キャラクタパス描画を行なうかどうかの有無を指定します。 |
| fitshape | boolean | 図形の縁までテキストパスを延長するかどうかの有無を指定します。 |
| fitpath | boolean | パスの幅に合わせてテキストのサイズを変更するかどうかの有無を指定します。 |
| trim | boolean | トリムを行なうかどうかの有無を指定します。 |
| xscale | boolean | |
| string | string | レンダリングする文字列を指定します。 |
CSSの属性
| 属性 | 型 | 説明 |
|---|
| font | string | HTMLのCSS同様です。 |
| font-family | string | HTMLのCSS同様です。 |
| font-weight | string | HTMLのCSS同様です。 |
| font-size | string | HTMLのCSS同様です。 |
| font-style | string | HTMLのCSS同様です。 |
| font-variant | string | HTMLのCSS同様です。 |
| text-decoration | string | HTMLのCSS同様です。 |
| v-text-spacing | number | トラッキングを指定します。 |
| v-text-spacing-mode | string | tightening、trackingが指定できます。 |
| text-align | string | テキストの水平方向の配置方法を指定します。【改行】left、right、center、justifyが指定できます。 |
| v-text-align-alt | string | letter-jusify、stretch-justifyが指定できます。 |
| v-text-kern | boolean | カーニングの有無を指定します。 |
| v-rotate-letters | boolean | 文字を90度回転するかどうかの有無を指定します。 |
| v-text-reverse | boolean | テキストを反転するかどうかの有無を指定します。 |
| v-same-letter-heights | boolean | 小文字を大文字の高さまで伸ばすかどうかの有無を指定します。 |