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