SVGFETurbulenceElement: type property
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.
Please take two minutes to fill out our short survey.
The type
read-only property of the SVGFETurbulenceElement
interface reflects the type
attribute of the given <feTurbulence>
element. It takes one of the SVG_TURBULENCE_TYPE_*
constants defined on this interface.
Value
An SVGAnimatedEnumeration
object.
Examples
Accessing the type
property
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"
style="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)
Specifications
Specification |
---|
Filter Effects Module Level 1 # dom-svgfeturbulenceelement-type |