Verwenden des Textpath-Elements

In diesem Thema wird VML beschrieben, ein Feature, das ab Version 9 Windows Internet Explorer ist. Webseiten und Anwendungen, die auf VML basieren, sollten zu SVG oder anderen weit verbreiteten Standards migriert werden.

Hinweis

Seit Dezember 2011 wurde dieses Thema archiviert. Daher wird sie nicht mehr aktiv verwaltet. Weitere Informationen finden Sie unter Archivierter Inhalt. Informationen, Empfehlungen und Anleitungen zur aktuellen Version von Windows Internet Explorer finden Sie im Internet Explorer Developer Center.

In diesem Thema wird veranschaulicht, wie das -Element verwendet wird, <textpath> um Text mit verschiedenen Stilen zu zeichnen.

Sie können das <textpath> Unterelement in oder <shape> platzieren, <shapetype> um Text zu zeichnen. Sie können dann die Eigenschaftenattribute des Unterelements <textpath> verwenden, um den Text anzupassen. Sie können auch das <formulas> Unterelement verwenden, um die Kontur des Texts zu definieren.

Um beispielsweise den in der folgenden Abbildung gezeigten Text zu erstellen, können Sie die folgende VML-Darstellung eingeben. Beachten Sie, dass wir das <shapetype> -Element verwenden, um einen Prototyp für die Kontur des Texts zu definieren. Anschließend instanziieren wir zwei Formen aus demselben Formtyp. Sie können einfach das Zeichenfolgeneigenschaftsattribut ändern, um anderen Text anzuzeigen.

shape1 -1.gif (4898 Bytes)

shape1 -2.gif (2789 Bytes)

<v:shapetype id="MyShape"
coordsize="21600,21600" adj="9931"
path="m0@0c7200@2,14400@1,21600,0m0@5c7200@6,14400@6,21600@5e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f eqn="prod #0 3 4"/>
<v:f eqn="prod #0 5 4"/>
<v:f eqn="prod #0 3 8"/>
<v:f eqn="prod #0 1 8"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum @4 21600 0"/>
<v:f eqn="prod #0 1 2"/>
<v:f eqn="prod @5 1 2"/>
<v:f eqn="sum @7 @8 0"/>
<v:f eqn="prod #0 7 8"/>
<v:f eqn="prod @5 1 3"/>
<v:f eqn="sum @1 @2 0"/>
<v:f eqn="sum @12 @0 0"/>
<v:f eqn="prod @13 1 4"/>
<v:f eqn="sum @11 14400 @14"/>
</v:formulas>
<v:path textpathok="t" />
<v:textpath on="t" fitshape="t" xscale="t"/>
</v:shapetype>

<v:shape type="#MyShape" style='position:relative; top:5; left:5;
width:261.6pt;height:71.45pt;' adj="8717" fillcolor="red" strokeweight="1pt">
<v:fill method="linear sigma" focus="100%" type="gradient"/>
<v:shadow on="t" offset="3pt"/> <v:textpath
style='font-family:"Arial Black";v-text-kern:t' trim="t"
fitpath="t" xscale="f" string="Hello World !"/>
</v:shape>

<v:shape type="#MyShape" style='position:relative; top:120; left:5; width:207pt;
height:63pt;' adj="8717" fillcolor="blue" strokeweight="2pt">
<v:fill method="linear sigma" focus="100%" type="gradient"/>
<v:shadow on="t" offset="3pt"/>
<v:textpath style='font-family:"Times New Roman";v-text-kern:t'
trim="t" fitpath="t" xscale="f" string="VML"/>
</v:shape>

Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.