SVGFEFloodElement: x-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die schreibgeschützte x
-Eigenschaft der Schnittstelle SVGFEFloodElement
beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength
.
Sie spiegelt das Attribut x
des <feFlood>
-Elements wider, das eine Teilregion eines SVG-Filters mit der durch flood-color
und flood-opacity
definierten Farbe und Deckkraft füllt. Das Attribut ist entweder ein <length>
oder ein <percentage>
. Die <coordinate>
ist eine Länge im Nutzersystem der Koordinaten, die den gegebenen Abstand vom Ursprung des Nutzersystems auf der x-Achse darstellt. Wenn das x
-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite der Filterregion in Einheiten des Nutzersystems der Koordinaten. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feFlood = document.querySelector("feFlood");
const leftPosition = feFlood.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEFloodElement.y
- SVG-Filter-Tutorial
- CSS-Datentyp
<blend-mode>
- CSS-Eigenschaft
mix-blend-mode