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.
<?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