SVG/Element/radialGradient

Das radialGradient-Element beschreibt einen radialen Farbverlauf

Syntax: Start-Tag: notwendig; End-Tag: notwendig
Elternelemente: Darf vorkommen in:
defs
erlaubte Inhalte: einer oder mehrere stops
animate, animateMotion, animateTransform, set

Attribute
Name	Inhalt	Standardwert	Bedeutung
cx	NUMBER	50%	X-Position
cy	NUMBER	50%	Y-Position
r	NUMBER	50%	Radius
fr	NUMBER	0%	Radius des Brennpunktes
fx	NUMBER	Wert von cx	X-Position des Brennpunktes
fy	NUMBER	Wert von cy	Y-Position des Brennpunktes
gradientTransform	CDATA
gradientUnits	userSpaceOnUse, objectBoundingBox
href	CDATA
spreadMethod	pad, reflect, repeat	pad

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<radialGradient id="verlauf1" >
  <stop offset="0%" stop-color="#dfac20" />
  <stop offset="100%" stop-color="#3983ab" />
</radialGradient>

Siehe auch

Grundformen