Table of Contents

Class SVGPatternElement

Namespace
CSharpToJavaScript.APIs.JS
Assembly
CSharpToJavaScript.dll

The SVGPatternElement interface corresponds to the pattern element.

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

Remarks

Constructors

SVGPatternElement()

public SVGPatternElement()

Properties

Height

The height read-only property of the SVGPatternElement interface describes the height of the pattern as an SVGAnimatedLength. It reflects the computed value of the {{SVGAttr("height")}} attribute on the {{SVGElement("pattern")}} element.

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

Property Value

SVGAnimatedLength

An SVGAnimatedLength.

Remarks

The attribute value can be a <length>, <percentage>, or <number>. The numeric value of the BaseVal represents the height of the pattern in the user coordinate system.

-Width
-BaseVal

See also on MDN

PatternContentUnits

The patternContentUnits read-only property of the SVGPatternElement interface reflects the {{SVGAttr("patternContentUnits")}} attribute of the given {{SVGElement("pattern")}} element. It specifies the coordinate system for the pattern content and takes one of the constants defined in SVGUnitTypes.

[Value("patternContentUnits")]
public SVGAnimatedEnumeration PatternContentUnits { get; }

Property Value

SVGAnimatedEnumeration

An SVGAnimatedEnumeration object.

Remarks

PatternTransform

The patternTransform read-only property of the SVGPatternElement interface reflects the {{SVGAttr("patternTransform")}} attribute of the given {{SVGElement("pattern")}} element. This property holds the transformation applied to the pattern itself, allowing for operations like translate, rotate, scale, and skew.

[Value("patternTransform")]
public SVGAnimatedTransformList PatternTransform { get; }

Property Value

SVGAnimatedTransformList

An SVGAnimatedTransformList object.

Remarks

PatternUnits

The patternUnits read-only property of the SVGPatternElement interface reflects the {{SVGAttr("patternUnits")}} attribute of the given {{SVGElement("pattern")}} element. It specifies the coordinate system for the pattern content and takes one of the constants defined in SVGUnitTypes.

[Value("patternUnits")]
public SVGAnimatedEnumeration PatternUnits { get; }

Property Value

SVGAnimatedEnumeration

An SVGAnimatedEnumeration object.

Remarks

Width

The width read-only property of the SVGPatternElement interface describes the width of the pattern as an SVGAnimatedLength. It reflects the computed value of the {{SVGAttr("width")}} attribute on the {{SVGElement("pattern")}} element.

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

Property Value

SVGAnimatedLength

An SVGAnimatedLength.

Remarks

The attribute value can be a <length>, <percentage>, or <number>. The numeric value of the BaseVal represents the width of the pattern in the user coordinate system.

-Height
-BaseVal

See also on MDN

X

The x read-only property of the SVGPatternElement interface describes the x-axis coordinate of the start point of the pattern as an SVGAnimatedLength. It reflects the computed value of the {{SVGAttr("x")}} attribute on the {{SVGElement("pattern")}} element.

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

Property Value

SVGAnimatedLength

An SVGAnimatedLength.

Remarks

The attribute value can be a <length>, <percentage>, or <number>. The numeric value of the BaseVal is the x-coordinate of the pattern's starting point in the user coordinate system.

-Y
-BaseVal

See also on MDN

Y

The y read-only property of the SVGPatternElement interface describes the y-axis coordinate of the start point of the pattern as an SVGAnimatedLength. It reflects the computed value of the {{SVGAttr("y")}} attribute on the {{SVGElement("pattern")}} element.

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

Property Value

SVGAnimatedLength

An SVGAnimatedLength.

Remarks

The attribute value can be a <length>, <percentage>, or <number>. The numeric value of the BaseVal is the y-coordinate of the pattern's starting point in the user coordinate system.

-X
-BaseVal

See also on MDN