SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

SVG/Attribut/gradientUnits

Aus SELFHTML-Wiki
< SVG‎ | Attribut
Wechseln zu: Navigation, Suche

Das gradientUnits-Attribut definiert das Koordinatensystem für den Inhalt des Verlaufs-Elements.

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

userSpaceOnUse

anwendbar auf
Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel
<defs>
    <radialGradient id="MyGradient" gradientUnits="userSpaceOnUse"
                    cx="400" cy="200" r="300" fx="400" fy="200">
        <stop offset="0%" stop-color="red" />
        <stop offset="50%" stop-color="blue" />
        <stop offset="100%" stop-color="red" />
    </radialGradient>
</defs>


Siehe auch

Weblinks