SVG/Attribut/patternUnits

Das patternUnits-Attribut definiert das Koordinatensystem für das Muster.

Erlaubte Werte

userSpaceOnUse: übernimmt Werte aus dem existierenden Koordinatensystem, in das die Muster eingebunden ist.
objectBoundingBox: Koordinatensystem beginnt in der linken oberen Ecke des Elements und erstreckt sich auf die BoundingBox

Standardwert

userSpaceOnUse

anwendbar auf

pattern

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

<pattern id="muster1" x="10" y="10" width="20" height="20" 
         patternUnits="userSpaceOnUse">
  <circle cx="10" cy="10" r="5" />
</pattern>

Beachte: Bei dem Standardwert objectBoundingBox wäre eine Breite von 1 die Breite des zu füllenden Elements. Kacheln hätten einen Bruchteil - z. B. width="0.05" - als Breite. Sobald sich die Größe des Elements ändert, passt sich auch das Muster an.
Wenn du immer die gleiche Größe - z. B. bei einem Raster haben willst, musst du userSpaceOnUse verwenden.