SVGFEFloodElement: Eigenschaft x
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft x der Schnittstelle SVGFEFloodElement beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength.
Sie spiegelt das Attribut x des Elements <feFlood> wider, das einen SVG-Filter-Teilbereich mit der durch flood-color und flood-opacity festgelegten Farbe und Deckkraft füllt. Das Attribut ist ein <length> oder ein <percentage>. <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse bezeichnet. Wenn das Attribut x einen Prozentwert hat, bezieht sich der Eigenschaftswert auf die Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems. 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
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEFloodElement.y- Effekte mit SVG-Filtern anwenden
- CSS-Datentyp
<blend-mode> - CSS-Eigenschaft
mix-blend-mode