cx attribute | cx property
Gets or sets the x-coordinate for the center of the largest (that is, outermost) circle of a radial gradient.
<element cx="p" ... >
p = object.cx
The x-coordinate for the center of the outermost (that is, largest) circle of a radial gradient.
- Scalable Vector Graphics: Gradients and Patterns, Section 13.4.3
The cx property defines the x-coordinate for the center of the largest (that is, outermost) circle of a radial gradient. The gradient is drawn such that the 100% gradient stop is mapped to the perimeter of this largest (that is, outermost) circle. If you do not specify the cx property, the effect is the same as if you specify a value of
The cx value can be a percentage. When gradientUnits is userSpaceOnUse, percentages represent values that are relative to the current viewport. When gradientUnits is objectBoundingBox, percentages represent values that are relative to the bounding box for the object.
Properties inherit into the radialGradient element from its ancestors. Properties do not inherit from the element that references the radialGradient element.
radialGradient elements are never rendered directly. They exist so that you can reference them by using the
display property does not apply to the radialGradient element so radialGradient elements are not directly rendered even if the
display property is set to a value other than
none. radialGradient elements are available for referencing even when the
display property on the radialGradient element or any of its ancestors is set to