Warnung
Da ich im Moment diese Seite leider nicht mehr aktiv pflegen und auf dem neuesten Stand halten kann, können manche Informationen bereits veraltet sein. Sollten Änderungen von euch bei mir eintreffen, bin ich jedoch gerne bereit diese hier einzupflegen. Auch Leute, die sich um die Seite bzw. deren Inhalt kümmern möchten, sind gerne gesehen.
 Inhaltsverzeichnis  Transformationen  Die Neigung

8.5Die Neigung

Bei einer Neigung oder Scherung wird der Winkel zwischen den beiden Koordinatenachsen, der normalerweise 90° beträgt, verändert. Die Befehle skewX(Winkel der x-Achsen-Neigung) und skewY(Winkel der y-Achsen-Neigung) führen eine solche Änderung durch.  Listing 8-4 und  Abbildung 8-7 stellen ein in y-Richtung geneigtes Rechteck dar.

 Anzeigebeispiel

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <!-- transformiertes Rechteck -->
  <rect x="0" y="0" width="200" height="100"
    style="fill:#00FF00;stroke:black;stroke-width:2px"
    transform="skewY(15)" />

  <!-- Original-Rechteck -->
  <rect x="0" y="0" width="200" height="100"
    style="fill:none;stroke:grey;stroke-width:2px" />
</svg>
Listing 8-4: Der Transformationsbefehl skew() in Aktion

Abbildung 8-7: Scherung eines Rechtecks in y-Richtung
zum vorherigen Kapitel  Die Rotation
zum nächsten Kapitel  Verwendung eigener Matrizen
 Inhaltsverzeichnis  Transformationen  Die Neigung