SVG Mask DOM interface
The SVGMaskElement
interface provides access to the properties of {{ SVGElement("mask") }} elements, as well as methods to manipulate them.
Interface overview
Also implement | {{ domxref("SVGElement") }}, {{ domxref("SVGTests") }}, {{ domxref("SVGLangSpace") }}, {{ domxref("SVGExternalResourcesRequired") }}, {{ domxref("SVGStylable") }}, {{ domxref("SVGUnitTypes") }} |
Methods | None |
Properties | - readonly {{ domxref("SVGAnimatedEnumeration") }}
maskUnits - readonly {{ domxref("SVGAnimatedEnumeration") }}
maskContentUnits - readonly {{ domxref("SVGAnimatedLength") }}
x - readonly {{ domxref("SVGAnimatedLength") }}
y - readonly {{ domxref("SVGAnimatedLength") }}
width - readonly {{ domxref("SVGAnimatedLength") }}
height |
Normative document | SVG 1.1 (2nd Edition) |
Properties
Name | Type | Description |
maskUnits | {{ domxref("SVGAnimatedEnumeration") }} | Corresponds to attribute {{ SVGAttr("maskUnits") }} on the given {{ SVGElement("mask") }} element. Takes one of the constants defined in {{ domxref("SVGUnitTypes") }} |
maskContentUnits | {{ domxref("SVGAnimatedEnumeration") }} | Corresponds to attribute {{ SVGAttr("maskContentUnits") }} on the given {{ SVGElement("mask") }} element. Takes one of the constants defined in {{ domxref("SVGUnitTypes") }} |
x | {{ domxref("SVGAnimatedLength") }} | Corresponds to attribute {{ SVGAttr("x") }} on the given {{ SVGElement("mask") }} element. |
y | {{ domxref("SVGAnimatedLength") }} | Corresponds to attribute {{ SVGAttr("y") }} on the given {{ SVGElement("mask") }} element. |
width | {{ domxref("SVGAnimatedLength") }} | Corresponds to attribute {{ SVGAttr("width") }} on the given {{ SVGElement("mask") }} element. |
height | {{ domxref("SVGAnimatedLength") }} | Corresponds to attribute {{ SVGAttr("height") }} on the given {{ SVGElement("mask") }} element. |
Methods
The SVGMaskElement
interface do not provide any specific methods.
Browser compatibility
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
Basic support | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | 9.0 | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
Basic support | {{ CompatNo() }} | {{ CompatVersionUnknown() }} | {{ CompatUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} |
See also
- {{ SVGElement("mask") }} SVG Element