Get to know MDN better
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.
EventTarget Node Element SVGElement SVGGradientElement SVGLinearGradientElementThis interface also inherits properties from its parent, SVGGradientElement.
SVGLinearGradientElement.x1 Read onlyAn SVGAnimatedLength corresponding to the x1 attribute of the given <linearGradient> element.
SVGLinearGradientElement.y1 Read onlyAn SVGAnimatedLength corresponding to the y1 attribute of the given <linearGradient> element.
SVGLinearGradientElement.x2 Read onlyAn SVGAnimatedLength corresponding to the x2 attribute of the given <linearGradient> element.
SVGLinearGradientElement.y2 Read onlyAn 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.
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGLinearGradientElement |
Enable JavaScript to view this browser compatibility table.
This page was last modified on Feb 19, 2023 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.