8.2Die Translation

Bei der Translation handelt es sich um eine einfache Verschiebung eines grafischen Objekts. Der Befehl lautet translate(x-Verschiebung [y-Verschiebung]), wobei der zweite Parameter entfallen kann. Werden für die Parameter negative Werte angegeben, so erfolgt eine Verschiebung nach oben oder nach links. Werden hingegen positive Werte gesetzt, dann erfolgt eine Verschiebung nach unten oder nach rechts.  Listing 8-1 zeigt den Quelltext einer SVG-Datei, in der ein Rechteck, welches um den x-Werte 25 und den y-Wert 50 verschoben wird, definiert ist.  Abbildung 8-4 stellt dieses Rechteck als SVG-Grafik 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">
  <!-- Original-Rechteck -->
  <rect x="0" y="0" width="200" height="100"
    style="fill:none;stroke:grey;stroke-width:2px" />

  <!-- transformiertes Rechteck -->
  <rect x="0" y="0" width="200" height="100"
    style="fill:#00FF00;stroke:black;stroke-width:2px"
    transform="translate(25, 50)" />
</svg>