La propiedad SVG FESpotLightElement.pointsAtZ devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtZ del elemento FESpotLightElement.pointsAtZ.
Sintaxis:
var a = FESpotLightElement.pointsAtZ
Valor devuelto: Esta propiedad devuelve el objeto SVGAnimatedNumber correspondiente al atributo pointsAtZ del elemento FESpotLightElement.pointsAtZ.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<body>
<div style="color: green;">
<h1>
GeeksforGeeks
</h1>
<svg viewBox="0 0 1120 350"
xmlns="http://www.w3.org/2000/svg">
<filter id="Geek" width="100%"
height="100%">
<feDiffuseLighting in="SourceGraphic">
<feSpotLight x="120" y="120"
z="50" pointsAtZ="5" pointsAtX="5"
pointsAtY="5" id="Geek2"/>
</feDiffuseLighting>
</filter>
<rect width="300" height="300"
style="filter: url(#Geek);"/>
<text x="50" y="60">GeeksForGeeks</text>
<script type="text/javascript">
var g = document.getElementById("Geek2");
console.log(g.pointsAtZ);
console.log("pointAtZ value of feSpotLight "+
"element is: "+g.pointsAtZ.baseVal)
</script>
</svg>
</div>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<body>
<svg width="200" height="200">
<defs>
<filter id="spotlight">
<feSpecularLighting result="spec3"
in="blur3" specularConstant="1.2"
lighting-color="#FFF">
<feSpotLight x="400" y="400"
z="900" pointsAtZ="5" pointsAtX="5"
pointsAtY="5" limitingConeAngle="9"
specularExponent="10" id="gfg"/>
</feSpecularLighting>
<feComposite in="SourceGraphic"
in2="spotlight" operator="out"
k1="0" k2="1" k3="1" k4="0" />
</filter>
</defs>
<rect x="40" y="40" width="150" height="100"
style="stroke: #000000;
fill: green;
filter: url(#spotlight);" />
<g fill="#FFFFFF" stroke="black" font-size="10"
font-family="Verdana"/>
<text x="50" y="90">GeeksForGeeks</text>
<script type="text/javascript">
var g = document.getElementById("gfg");
console.log(g.pointsAtZ);
console.log("pointsAtZ value of feSpotLight "+
"element is: "+g.pointsAtZ.baseVal)
</script>
</svg>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde
- Firefox
- Safari
- Ópera
- explorador de Internet