SVGLinearGradientElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The SVGLinearGradientElement interface corresponds to the <linearGradient> element.

Instance properties

This interface also inherits properties from its parent, SVGGradientElement.

SVGLinearGradientElement.x1 Read only: An SVGAnimatedLength corresponding to the x1 attribute of the given <linearGradient> element.
SVGLinearGradientElement.y1 Read only: An SVGAnimatedLength corresponding to the y1 attribute of the given <linearGradient> element.
SVGLinearGradientElement.x2 Read only: An SVGAnimatedLength corresponding to the x2 attribute of the given <linearGradient> element.
SVGLinearGradientElement.y2 Read only: An SVGAnimatedLength corresponding to the y2 attribute of the given <linearGradient> element.

This interface doesn't implement any specific methods, but inherits methods from its parent interface, SVGGradientElement.

Specification
Scalable Vector Graphics (SVG) 2 # InterfaceSVGLinearGradientElement

This page was last modified on ⁨Jul 25, 2025⁩ by MDN contributors.