Skalieren von Formen

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.

Sie haben gelernt, wie Sie Formen auf einer Webseite mithilfe von VML zeichnen und färben. In diesem Thema wird veranschaulicht, wie Sie Formen auf eine beliebige Größe skalieren.

VML verwendet die gleiche Syntax, die im Abschnitt Details zum visuellen Renderingmodell der CSS2-Spezifikation definiert ist, um die Größe des enthaltenden Felds anzugeben, sodass der Inhalt einer Form innerhalb des enthaltenden Felds gerendert (gezeichnet) wird. Sie können die Breiten- und Höhenstilattribute verwenden, um die Größe des enthaltenden Felds zu definieren.

Wenn Sie beispielsweise ein Oval zeichnen und style ='width:75pt;height:100pt' angeben, wird das Oval in einem enthaltenden Feld mit einer Größe von 75 Punkten (Breite) um 100 Punkte (Höhe) gezeichnet, wie in der folgenden Abbildung gezeigt:

oval1.gif (660 Bytes)

<v:oval style='width:75pt;height:100pt'
fillcolor="red" />

Wenn Sie die Größe in style ='width:120pt;height:140pt' ändern, wird das Oval größer, da es innerhalb des neuen enthaltenden Felds mit einer Größe von 120 Punkten (Breite) um 140 Punkte (Höhe) skaliert wird, wie in der folgenden Abbildung gezeigt:

oval2.gif (966 Bytes)

<v:oval style='width:120pt;height:140pt'
fillcolor="red" />

Wenn Sie die Größe in style ='width:60pt;height:40pt' ändern, wird das Oval kleiner, da es innerhalb des neuen enthaltenden Felds mit einer Größe von 60 Punkten (Breite) um 40 Punkte (Höhe) skaliert wird, wie in der folgenden Abbildung gezeigt:

oval3.gif (394 Bytes)

<v:oval style='width:60pt;height:40pt'
fillcolor="red" />