La propiedad SVG FETurbulenceElement.baseFrequencyX devuelve el objeto SVGAnimatedNumber correspondiente al componente X del elemento FETurbulenceElement.baseFrequencyX.
Sintaxis:
var a = FETurbulenceElement.baseFrequencyX
Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al componente X del elemento FETurbulenceElement.baseFrequencyX
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<body>
<svg width="200" height="200"
viewBox="0 0 220 220">
<filter id="FillPaint">
<feTurbulence id='gfg' type="turbulence"
baseFrequency="0.5" numOctaves="2"
seed="5" stitchTiles="stitch" />
<feDisplacementMap in2="turbulence"
in="SourceGraphic" scale="50"
xChannelSelector="B"
yChannelSelector="B" />
</filter>
<rect width="200" height="200"
style=" fill:green;
filter: url(#FillPaint);" />
<script type="text/javascript">
var g = document.getElementById("gfg");
console.log(g.baseFrequencyX);
console.log("base Frequency X value is :",
g.baseFrequencyX.baseVal);
</script>
</svg>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<body>
<svg width="400" height="400"
viewBox="0 0 250 250">
<filter id="FillPaint">
<feTurbulence id="gfg" type="fractalNoise"
baseFrequency="2" numOctaves="2"
seed="1" stitchTiles="stitch"
result="turbulence" />
<feDisplacementMap in2="turbulence"
in="SourceGraphic" scale="50"
xChannelSelector="B"
yChannelSelector="B" />
</filter>
<ellipse cx="100" cy="60" rx="100"
ry="50" style=" fill: green;
filter: url(#FillPaint);" />
<script type="text/javascript">
var g = document.getElementById("gfg");
console.log(g.baseFrequencyX);
console.log("base Frequency X value is :",
g.baseFrequencyX.baseVal);
</script>
</svg>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde
- Firefox
- Safari
- Ópera
- explorador de Internet