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>

Beachten Sie: 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 Sie immer die gleiche Größe - z.B. bei einem Raster haben wollen, müssen Sie userSpaceOnUse verwenden.