Text

Fitpath - Fitshape - Rotate - Kern - Reverse - Reverse -Spacing - Scale

Adding Text

<v:rect style="position:relative;left:150px;top:0px;width:340px;height:100px" fillcolor="red">
<v:textbox>YOUR TEXT HERE</v:textbox>
</v:rect>

To place text onto a shape
<v:textbox>YOUR TEXT HERE</v:textbox>
is nested within the shapes tags

FitPath Attribute

Defines whether the text fits the path of a shape

Tag Syntax

<v: element fitpath="expression">

Script Syntax

element.fitpath="expression"
expression=element.fitpath

If True, sizes the text to fill the path it lies out on. The default is False.

The text will fit the path.

<v:line from="50,100" to="400,100">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text" fitpath="True" style="font-size:50px"/>
</v:line>

FitShape Attribute

Defines whether the text fits bounding box of a shape. Read/write VgTriState.

Applies To TextPath

Tag Syntax

<v: element fitshape="expression">

Script Syntax

element.fitshape="expression"
expression=element.fitshape

If True, stretches the text out to the edges of the box that defines the entire shape. The default is False.

The text will stretch to fit the shape.

<v:oval style="width:150; height:150" fillcolor = "red">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text" fitshape="True" style="font-size:50px"/>
</v:oval>

V-Rotate-Letters Attribute

Determines whether the letters of the text are rotated.

Applies To TextPath

Tag Syntax

<v: element style="v-rotate-letters:expression">

Script Syntax

element.style.v-rotate-letters="expression"
expression=element.style.v-rotate-letters

If True, the letters of the text are rotated 90 degrees. The default value is False.

The letters are rotated 90 degrees.

<v:line from="50 100" to="400 100" style="height:50px">
<v:fill on="true" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text" style="v-rotate-letters:True;font-size:50px"/>
</v:line>

V-Text-Kern Attribute

Determines whether kerning is turned on. Read/write VgTriState.

Applies To TextPath

Tag Syntax
<v: element style="v-text-kern:expression">

Script Syntax

element.style.v-text-kern="expression"
expression=element.style.v-text-kern

If True, the kerning is turned on. The default is False. Kerning is the removal of space between certain letter pairs to compensate for uneven letterforms. For example, if kerning is turned on, extra space between a capital "T" and a lowercase "i" would be removed.

Kerning is turned on.

<v:line from="50,0" to="400,0" style="height:50px">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text"style="v-text-kern:True;font-size:50px"/>
</v:line>

V-Text-Reverse Attribute

Determines whether the layout order of rows is reversed. Read/write VgTriState.

Applies To TextPath

Tag Syntax

<v: element style="v-text-reverse:expression">

Script Syntax

element.style.v-text-reverse="expression"
expression=element.style.v-text-reverse

If True, the layout order of rows is reversed. This attribute is used for vertical text layout. The default value is False.

The layout order is reversed.

<v:line from="50,100" to="400,100" style="height:50px">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text" style="v-text-reverse:True;font-size:50px"/>
</v:line>

V-Text-Spacing-Mode Attribute

Defines the mode for letterspacing.

Applies To TextPath

Tag Syntax

<v: element style="v-text-spacing-mode:expression">

Script Syntax

element.style.v-text-spacing-mode="expression"
expression=element.style.v-text-spacing-mode

Values include
tightening (default)
tracking

This attribute determines whether space will be removed between each letter (tightening) or added between each letter (tracking). The amount of letterspacing change is defined by the V-Text-Spacing attribute.

The letterspacing between each letter is increased by 4 units.

<v:line from="0,-100" to="100,-100" style="height:50px">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML-Text" style="v-text-spacing:4;v-text-spacing-mode:tracking;font-size:50px"/>
</v:line>

XScale Attribute

Determines whether a straight textpath will be used instead of the shape path.

Applies To TextPath

Tag Syntax

<v: element style="xscale:expression">

Script Syntax

element.style.xscale="expression"
expression=element.style.xscale

If True, the text runs along a path from left to right along the x value of the lower boundary of the shape. The default value is False.

The text will appear as if it were drawn on a horizontal line, even though the shape path is a diagonal.

<v:line from="200,0" to="400,300">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text" style="xscale:true;font-size:50px"/>
</v:line>