Verwenden vordefinierter Formen
In diesem Thema wird VML beschrieben, ein Feature, das ab Windows Internet Explorer 9 als veraltet gilt. Webseiten und Anwendungen, die auf VML basieren, sollten zu SVG oder anderen allgemein unterstützten 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 unter Internet Explorer Developer Center.
Wie Sie gelernt haben, können Sie das <oval> -Element von VML verwenden, um ein einfaches Oval zu erstellen. VML stellt mehrere andere vordefinierte Elemente bereit. In diesem Thema wird veranschaulicht, wie Mithilfe dieser Elemente Grafiken gezeichnet werden.
In diesem Thema:
rect
Sie können das <rect> -Element verwenden, um ein Rechteck zu zeichnen. Anschließend können Sie das Rechteck anpassen, indem Sie verschiedene Eigenschaftsattribute angeben.
Sie können z. B. ein Rechteck zeichnen, das mit Blau gefüllt ist, indem Sie fillcolor="blue" angeben und ihm eine rote 3,5-Punkt-Kontur geben, indem Sie strokecolor="red" strokeweight="3.5pt" angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:rect style='width:100pt;height:75pt' fillcolor="blue"
strokecolor="red" strokeweight="3.5pt"/>
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation. (Hinweis: Die VML-Spezifikation enthält kein Lesezeichen für das <rect> Element.)
roundrect
Sie können das <roundrect> -Element verwenden, um ein Rechteck mit abgerundeten Ecken zu zeichnen. Anschließend können Sie das abgerundete Rechteck anpassen, indem Sie verschiedene Eigenschaftsattribute angeben.
Sie können z. B. ein Rechteck zeichnen, das 30 % der Hälfte der kleineren Dimension des Rechtecks abgerundete Ecken aufweist, indem Sie arcsize="0.3" angeben, es mit Gelb füllen, indem Sie fillcolor="yellow" angeben, und ihm eine rote 2-Punkt-Kontur geben, indem Sie strokecolor="red" strokeweight="2pt" angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:roundrect style='width:100pt;height:75pt"
arcsize="0.3" fillcolor="yellow"
strokecolor="red" strokeweight="2pt"/>
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.
line
Sie können das <line> -Element verwenden, um eine gerade Linie zu erstellen. Anschließend können Sie die Zeile anpassen, indem Sie verschiedene Eigenschaftsattribute angeben.
Sie können z. B. eine horizontale Linie zeichnen, indem Sie von="20pt,20pt" bis="100pt,20pt" angeben und sie 2-Punkt und rot machen, indem Sie strokecolor="red" strokeweight="2pt" angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:line from="20pt,20pt" to="100pt,20pt" '
strokecolor="red" strokeweight="2pt">
Sie können eine vertikale oder diagonale Linie zeichnen, indem Sie einfach unterschiedliche Werte für die Eigenschaftenattribute from und to angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:line from="20pt,20pt" to="20pt,100pt"
strokecolor="red" strokeweight="2pt">
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.
Polylinie
Sie können das <polyline> -Element verwenden, um Formen zu definieren, die aus verbundenen Liniensegmenten erstellt werden. Anschließend können Sie die Form anpassen, indem Sie verschiedene Eigenschaftsattribute angeben.
Um beispielsweise die in der folgenden Abbildung dargestellte Form zu zeichnen, können Sie die folgende VML-Darstellung eingeben:

<v:polyline points="18pt,54pt,90pt,-9pt,180pt,63pt,261pt,27pt"
strokecolor="red" strokeweight="2pt"/>
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.
Kurve
Sie können das <curve> -Element verwenden, um eine kubische Bézierkurve zu zeichnen. Anschließend können Sie die Kurve anpassen, indem Sie verschiedene Eigenschaftsattribute angeben.
Um z. B. eine Kurve wie in der folgenden Abbildung zu zeichnen, können Sie die folgende VML-Darstellung eingeben:

<v:curve style='position:relative'
from="0,0" control1="100pt,100pt" control2="200pt,100pt"
to="300pt,0" strokecolor="red" strokeweight="3pt"/>
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.
Bogen
Sie können das <arc> -Element verwenden, um einen Bogen zu zeichnen, der als Segment eines Ovals definiert ist. Der Bogen wird durch die Schnittmenge des Ovals mit den Durchlauf- und Endradiusvektoren definiert, die von den Winkeln angegeben werden. Die Winkel werden mithilfe der Eigenschaften eines Kreises (Breite gleich Höhe) berechnet und dann anisotrop auf die gewünschte Breite und Höhe skaliert.
Beispielsweise können Sie einen Bogen zeichnen, der bei 0 Grad beginnt und bei 90 Grad endet, indem Sie startangle="0" endangle="90" angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:arc style='width:100pt;height:100pt'
startangle="0" endangle="90"
strokecolor="red" strokeweight="2pt"/>
Sie können den Bogen ändern, indem Sie verschiedene Startangle- und Endangle-Werte angeben, wie in der folgenden VML-Darstellung gezeigt:

<v:arc style='width:100pt;height:100pt'
startangle="0" endangle="180"
strokecolor="red" strokeweight="2pt"/>

<v:arc style='width:100pt;height:100pt'
startangle="0" endangle="270"
strokecolor="red" strokeweight="2pt"/>
Weitere Informationen zu diesem Element finden Sie in der VML-Spezifikation.
Zusammenfassung
Sie können vordefinierte VML-Elemente wie , , , , , und verwenden, um grafiken einfach auf einer Webseite zu zeichnen, und diese Grafiken dann anpassen, indem Sie einfach deren Eigenschaftenattribute <oval> <line> <polyline> <curve> <rect> <roundrect> <arc> ändern.
Zurück zum Anfang