Table of Contents

Class SVGMaskElement

Namespace
CSharpToJavaScript.APIs.JS
Assembly
CSharpToJavaScript.dll

The SVGMaskElement interface provides access to the properties of mask elements, as well as methods to manipulate them.

[Value("SVGMaskElement")]
public class SVGMaskElement : SVGElement, ElementCSSInlineStyle, GlobalEventHandlers, SVGElementInstance, HTMLOrSVGElement
Inheritance
SVGMaskElement
Implements
Inherited Members

Remarks

Constructors

SVGMaskElement()

public SVGMaskElement()

Properties

Height

The read-only height property of the SVGMaskElement interface returns an SVGAnimatedLength object containing the value of the {{SVGattr("height")}} attribute of the {{SVGElement("mask")}}.

[Value("height")]
public SVGAnimatedLength Height { get; }

Property Value

SVGAnimatedLength

An SVGAnimatedLength object. The baseVal property of this object returns an SVGLength, the value of which returns the height value.

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

See also on MDN

MaskContentUnits

The read-only maskContentUnits property of the SVGMaskElement interface reflects the {{SVGAttr("maskContentUnits")}} attribute. It indicates which coordinate system to use for the contents of the {{SVGElement("mask")}} element.

[Value("maskContentUnits")]
public SVGAnimatedEnumeration MaskContentUnits { get; }

Property Value

SVGAnimatedEnumeration

An SVGAnimatedEnumeration representing the coordinate system. The possible values are defined in the SVGUnitTypes interface:

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

-maskContentUnits
-mask

See also on MDN

MaskUnits

The read-only maskUnits property of the SVGMaskElement interface reflects the {{SVGAttr("maskUnits")}} attribute of a {{SVGElement("mask")}} element which defines the coordinate system to use for the mask of the element.

[Value("maskUnits")]
public SVGAnimatedEnumeration MaskUnits { get; }

Property Value

SVGAnimatedEnumeration

An SVGAnimatedEnumeration representing the coordinate system. The possible values are defined in the SVGUnitTypes interface:

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

-maskUnits
-mask

See also on MDN

Width

The read-only width property of the SVGMaskElement interface returns an SVGAnimatedLength object containing the value of the {{SVGattr("width")}} attribute of the {{SVGElement("mask")}}.

[Value("width")]
public SVGAnimatedLength Width { get; }

Property Value

SVGAnimatedLength

An SVGAnimatedLength object. The baseVal property of this object returns an SVGLength, the value of which returns the width value.

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

See also on MDN

X

The read-only x property of the SVGMaskElement interface returns an SVGAnimatedLength object containing the value of the {{SVGattr("x")}} attribute of the {{SVGElement("mask")}}. It represents the x-axis coordinate of the top-left corner of the masking area.

[Value("x")]
public SVGAnimatedLength X { get; }

Property Value

SVGAnimatedLength

An SVGAnimatedLength object in the coordinate system defined by MaskUnits. The baseVal property of this object returns an SVGLength, the value of which returns the initial x value.

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

See also on MDN

Y

The read-only y property of the SVGMaskElement interface returns an SVGAnimatedLength object containing the value of the {{SVGattr("y")}} attribute of the {{SVGElement("mask")}}. It represents the y-axis coordinate of the top-left corner of the masking area.

[Value("y")]
public SVGAnimatedLength Y { get; }

Property Value

SVGAnimatedLength

An SVGAnimatedLength object. The baseVal property of this object returns an SVGLength, the value of which returns the y value.

Remarks

NOTE

Although this property is read-only, it is merely a container for two values you can modify, BaseVal and AnimVal.

See also on MDN