SVG Viereck

SVG hat einige vorbestimmte Formelemente, die durch die Entwickler benutzt werden k�nnen:

• Rectangle <rect>
• Ellipse <ellipse>
• Circle <circle>
• Line <line>
• Polyline <polyline>
• Polygon <polygon>
• Path <path>

Das folgende Kapitel beschreibt jedes Element, beginnend mit dem rect Element.

Der Umbau wird benutzt, um ein Viereck und eine Vielzahl einer Viereck Form zu verursachen.

Um zu verstehen wie dieses arbeitet, den folgenden Code in Notizblock kopieren und die Akte als �rect.svg� speichern. Die folgende Akte in dein Netzverzeichnis legen:

• Die Breite und H�he Attribute des rect Elements definieren die Breite und die H�he des Viereckes

• Das Artattribut definiert CSS Eigenschaften

• Die CSS F�lleeigenschaft definieren die F�llefarbe des Viereckes (entweder ein rgb Wert, ein Farbe Name oder ein hexadezimaler Wert)

• Die CSS Anschlagbreite Eigenschaft definieren die Breite des Randes des Viereckes

• Die CSS Anschlageigenschaft definieren die Farbe des Randes des Viereckes

• The x attribute defines the left position of rectangle (e.g. x="0" places the rectangle 0 pixels from the left of the browser )

• The y attribute defines the top position of rectangle (e.g. y="0" places the rectangle 0 pixels from the top of the browser )

• The CSS fill-opacity property defines the opacity of fill color (legal range: 0 to 1)

• The CSS stroke-opacity property defines the opacity of stroke color (legal range: 0 to 1)

Letztes Beispiel verursacht ein Viereck mit gerundeten Ecken: