SVGFETurbulenceElement: stitchTiles-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfeturbulenceelement-stitchtiles |
Browser-Kompatibilität
Loading…