<feSpotLight>
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La primitive de filtre SVG <feSpotLight> définit une source de lumière qui permet de créer un feu de projecteur. On la place dans une primitive de filtre d'éclairage: <feDiffuseLighting> ou <feSpecularLighting>.
Contexte d'utilisation
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFESpotLightElement.
Exemple
SVG
html
<svg
width="200"
height="200"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<filter id="spotlight">
<feSpecularLighting
result="spotlight"
specularConstant="1.5"
specularExponent="4"
lighting-color="#FFF">
<feSpotLight x="600" y="600" z="400" limitingConeAngle="5.5" />
</feSpecularLighting>
<feComposite
in="SourceGraphic"
in2="spotlight"
operator="out"
k1="0"
k2="1"
k3="1"
k4="0" />
</filter>
</defs>
<image
xlink:href="/files/6457/mdn_logo_only_color.png"
x="10%"
y="10%"
width="80%"
height="80%"
style="filter:url(#spotlight);" />
</svg>
Résultat
Spécifications
| Specification |
|---|
| Filter Effects Module Level 1 # feSpotLightElement |
Compatibilité des navigateurs
Chargement…