SVGFETurbulenceElement: stitchTiles-Eigenschaft
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 stitchTiles der Schnittstelle SVGFETurbulenceElement spiegelt das stitchTiles Attribut des angegebenen <feTurbulence> Elements wider. Sie nimmt einen der SVG_STITCHTYPE_* Konstanten an, die in dieser Schnittstelle definiert sind.
Wert
Ein SVGAnimatedEnumeration Objekt.
Beispiele
Zugriff auf die stitchTiles-Eigenschaft
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="turbulenceFilter">
<feTurbulence
type="fractalNoise"
baseFrequency="0.05"
numOctaves="3"
stitchTiles="stitch" />
</filter>
</defs>
<rect
x="20"
y="20"
width="160"
height="160"
fill="lightblue"
filter="url(#turbulenceFilter)" />
</svg>
js
// Select the feTurbulence element
const turbulenceElement = document.querySelector("feTurbulence");
// Access the stitchTiles property
console.log(turbulenceElement.stitchTiles.baseVal); // Output: 1 (SVG_STITCHTYPE_STITCH)
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfeturbulenceelement-stitchtiles |