The SVGMaskElement interface provides access to the properties of <mask> elements, as well as methods to manipulate them.
This interface also inherits properties from its parent, SVGElement.
SVGMaskElement.maskUnits Read only
SVGAnimatedEnumeration corresponding to the maskUnits attribute of the given <mask> element. Takes one of the constants defined in SVGUnitTypes.SVGMaskElement.maskContentUnits Read only
SVGAnimatedEnumeration corresponding to the maskContentUnits attribute of the given <mask> element. Takes one of the constants defined in SVGUnitTypes.SVGMaskElement.x Read only
SVGAnimatedLength corresponding to the x attribute of the given <mask> element.SVGMaskElement.y Read only
SVGAnimatedLength corresponding to the y attribute of the given <mask> element.SVGMaskElement.width Read only
SVGAnimatedLength corresponding to the width attribute of the given <mask> element.SVGMaskElement.height Read only
SVGAnimatedLength corresponding to the height attribute of the given <mask> element.This interface doesn't implement any specific methods, but inherits methods from its parent interface, SVGElement.
| Specification | Status | Comment |
|---|---|---|
| CSS Masking Module Level 1 The definition of 'SVGMaskElement' in that specification. | Candidate Recommendation | Removed the implemented interfaces SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, and SVGTransformable. |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'SVGMaskElement' in that specification. | Recommendation | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes | Yes | Yes | 9 | Yes | Yes |
maskUnits |
Yes | ? | ? | ? | Yes | ? |
maskContentUnits |
Yes | ? | ? | ? | Yes | ? |
height |
Yes | ? | ? | ? | ? | Yes |
width |
Yes | ? | ? | ? | Yes | ? |
x |
Yes | ? | ? | ? | Yes | ? |
y |
Yes | ? | ? | ? | Yes | ? |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | Yes | Yes | Yes | Yes | Yes | ? |
maskUnits |
Yes | Yes | ? | ? | Yes | ? | ? |
maskContentUnits |
Yes | Yes | ? | ? | Yes | ? | ? |
height |
Yes | Yes | ? | ? | Yes | ? | ? |
width |
Yes | Yes | ? | ? | Yes | ? | ? |
x |
Yes | Yes | ? | ? | Yes | ? | ? |
y |
Yes | Yes | ? | ? | Yes | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGMaskElement