Class SVGFilterElement
- Namespace
- CSharpToJavaScript.APIs.JS
- Assembly
- CSharpToJavaScript.dll
The SVGFilterElement interface provides access to the properties of filter elements, as well as methods to manipulate them.
[Value("SVGFilterElement")]
public class SVGFilterElement : SVGElement, ElementCSSInlineStyle, GlobalEventHandlers, SVGElementInstance, HTMLOrSVGElement, SVGURIReference- Inheritance
-
SVGFilterElement
- Implements
- Inherited Members
Remarks
Constructors
SVGFilterElement()
public SVGFilterElement()Properties
FilterUnits
The filterUnits read-only property of the SVGFilterElement interface reflects the {{SVGAttr("filterUnits")}} attribute of the given {{SVGElement("filter")}} element. It takes one of the SVG_UNIT_TYPE_* constants defined in SVGUnitTypes.
[Value("filterUnits")]
public SVGAnimatedEnumeration FilterUnits { get; }Property Value
Remarks
Height
The height read-only property of the SVGFilterElement interface describes the vertical size of an SVG filter primitive as a SVGAnimatedLength.
[Value("height")]
public SVGAnimatedLength Height { get; }Property Value
Remarks
It reflects the {{SVGAttr("height")}} attribute of the filter element. The attribute is a <length> or a <percentage> relative to the height of the filter region. The default value is 100%. The property value is a length in user coordinate system units.
-SVG tutorial: Filter effects
-SVG filter primitive attributes
-CSS blend-mode data type
-CSS mix-blend-mode property
PrimitiveUnits
The primitiveUnits read-only property of the SVGFilterElement interface reflects the {{SVGAttr("primitiveUnits")}} attribute of the given {{SVGElement("filter")}} element. It takes one of the SVG_UNIT_TYPE_* constants defined in SVGUnitTypes.
[Value("primitiveUnits")]
public SVGAnimatedEnumeration PrimitiveUnits { get; }Property Value
- SVGAnimatedEnumeration
An SVGAnimatedEnumeration object.
Remarks
Width
The width read-only property of the SVGFilterElement interface describes the horizontal size of an SVG filter primitive as a SVGAnimatedLength.
[Value("width")]
public SVGAnimatedLength Width { get; }Property Value
Remarks
It reflects the {{SVGAttr("width")}} attribute of the filter element. The attribute is a <length> or a <percentage> relative to the width of the filter region. The default value is 100%. The property value is a length in user coordinate system units.
-SVG tutorial: Filter effects
-SVG Filter primitive attributes
-CSS blend-mode data type
-CSS mix-blend-mode property
X
The x read-only property of the SVGFilterElement interface describes the horizontal coordinate of the position of an SVG filter primitive as a SVGAnimatedLength.
[Value("x")]
public SVGAnimatedLength X { get; }Property Value
Remarks
It reflects the {{SVGAttr("x")}} attribute of the filter element. The attribute is a <length> or <percentage>. The <coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the x-axis. If the x attribute is a percent value, the property value is relative to the width of the filter region in user coordinate system units. The default value is 0.
-SVG tutorial: Filter effects
-SVG Filter primitive attributes
-CSS blend-mode data type
-CSS mix-blend-mode property
Y
The y read-only property of the SVGFilterElement interface describes the vertical coordinate of the position of an SVG filter primitive as a SVGAnimatedLength.
[Value("y")]
public SVGAnimatedLength Y { get; }Property Value
Remarks
It reflects the {{SVGAttr("y")}} attribute of the filter element. The attribute is a <length> or <percentage>. The <coordinate> is a length in the user coordinate system that is the given distance from the origin of the filter along the y-axis. If the y attribute is a percent value, the property value is a relative to the height of the filter region in user coordinate system units. The default value is 0.
-SVG tutorial: Filter effects
-SVG Filter primitive attributes
-CSS blend-mode data type
-CSS mix-blend-mode property