DasgradientUnits-Attribut definiert das Koordinatensystem, das für Attribute verwendet wird, die an den Gradienten-Elementen angegeben sind.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

• <linearGradient>
• <radialGradient>

linearGradient

Für<linearGradient> definiertgradientUnits das Koordinatensystem, das für die Attributex1,y1,x2 undy2 verwendet wird.

userSpaceOnUse

Dieser Wert zeigt an, dass die Attribute Werte im Koordinatensystem repräsentieren, das sich ergibt, wenn das aktuelle Benutzerkoordinatensystem zum Zeitpunkt des Referenzierens des Gradienten-Elements verwendet wird (d.h. das Benutzerkoordinatensystem für das Element, das das Gradienten-Element über einefill- oderstroke-Eigenschaft referenziert) und dann die durch das AttributgradientTransform angegebene Transformation anwenden.Prozentsätze repräsentieren Werte relativ zum aktuellen SVG-Viewport.

objectBoundingBox

Dieser Wert zeigt an, dass das Benutzerkoordinatensystem für die Attribute unter Verwendung der Umrandung des Elements festgelegt wird, auf das der Verlauf angewendet wird, und dann die durch das AttributgradientTransform angegebene Transformation anwenden.

Prozentsätze repräsentieren Werte relativ zur Umrandung des Objekts.

Mit diesem Wert undgradientTransform als Identitätsmatrix ist die Normale des linearen Verlaufs senkrecht zum Gradientenvektor im Raum der Objektumrandung (d.h. das abstrakte Koordinatensystem, wobei (0,0) oben/links an der Objektumrandung und (1,1) unten/rechts an der Objektumrandung ist). Wenn die Objektumrandung nicht quadratisch ist, kann die Normale des Verlaufs, die ursprünglich senkrecht zum Gradientenvektor im Raum der Objektumrandung ist, relativ zum Gradientenvektor im Benutzerraum nicht senkrecht erscheinen. Wenn der Gradientenvektor parallel zu einer der Achsen der Umrandung ist, bleibt die Verlaufnormale senkrecht. Diese Transformation resultiert aus der Anwendung der nicht einheitlichen Skalierungstransformation vom Raum der Objektumrandung zum Benutzerraum.

radialGradient

Für<radialGradient> definiertgradientUnits das Koordinatensystem, das für die Attributecx,cy,r,fx,fy undfr verwendet wird.

userSpaceOnUse

cx,cy,r,fx,fy undfr repräsentieren Werte im Koordinatensystem, das sich ergibt, wenn das aktuelle Benutzerkoordinatensystem zum Zeitpunkt der Referenzierung des Gradienten-Elements verwendet wird (d.h. das Benutzerkoordinatensystem für das Element, das das Gradienten-Element über einefill- oderstroke-Eigenschaft referenziert) und dann die durch das AttributgradientTransform angegebene Transformation anwenden.

objectBoundingBox

für<radialGradient>: das Benutzerkoordinatensystem für die Attributecx,cy,r,fx,fy undfr wird unter Verwendung der Umrandung des Elements, auf das der Verlauf angewendet wird, festgelegt (siehe Objektumrandungseinheiten) und dann die durch das AttributgradientTransform angegebene Transformation anwenden.Mit diesem Wert undgradientTransform als Identitätsmatrix sind die Ringe des radialen Verlaufs im Raum der Objektumrandung kreisförmig (d.h. das abstrakte Koordinatensystem, wobei (0,0) oben/links an der Objektumrandung und (1,1) unten/rechts an der Objektumrandung ist). Wenn die Objektumrandung nicht quadratisch ist, erscheinen die im Raum der Objektumrandung konzeptionell kreisförmigen Ringe aufgrund der Anwendung der nicht einheitlichen Skalierungstransformation vom Raum der Objektumrandung zum Benutzerraum als elliptisch.

Spezifikationen

Browser-Kompatibilität

svg.elements.linearGradient.gradientUnits

svg.elements.radialGradient.gradientUnits