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