SVGMaskElement

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⁩.

TheSVGMaskElement interface provides access to the properties of<mask> elements, as well as methods to manipulate them.

Instance properties

This interface also inherits properties from its parent,SVGElement.

SVGMaskElement.maskUnitsRead only: AnSVGAnimatedEnumeration corresponding to themaskUnits attribute of the given<mask> element. Takes one of the constants defined inSVGUnitTypes.
SVGMaskElement.maskContentUnitsRead only: AnSVGAnimatedEnumeration corresponding to themaskContentUnits attribute of the given<mask> element. Takes one of the constants defined inSVGUnitTypes.
SVGMaskElement.xRead only: AnSVGAnimatedLength corresponding to thex attribute of the given<mask> element.
SVGMaskElement.yRead only: AnSVGAnimatedLength corresponding to they attribute of the given<mask> element.
SVGMaskElement.widthRead only: AnSVGAnimatedLength corresponding to thewidth attribute of the given<mask> element.
SVGMaskElement.heightRead only: AnSVGAnimatedLength corresponding to theheight attribute of the given<mask> element.

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

Specification
CSS Masking Module Level 1 # InterfaceSVGMaskElement

This page was last modified on⁨Feb 19, 2023⁩ byMDN contributors.