SVGFETurbulenceElement: type-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 type-Eigenschaft der SVGFETurbulenceElement-Schnittstelle ist eine schreibgeschützte Eigenschaft, die das type-Attribut des angegebenen <feTurbulence>-Elements widerspiegelt. Sie nimmt einen der auf dieser Schnittstelle definierten SVG_TURBULENCE_TYPE_* Konstanten an.
Wert
Ein SVGAnimatedEnumeration-Objekt.
Beispiele
Zugriff auf die type-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"
result="turbulence" />
</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 type property
console.log(turbulenceElement.type.baseVal); // Output: 1 (SVG_TURBULENCE_TYPE_FRACTALNOISE)
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfeturbulenceelement-type |
Browser-Kompatibilität
Loading…