Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<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 filtreSVG<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'interfaceSVGFESpotLightElement.
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> <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%" /></svg>Résultat
Spécifications
| Specification |
|---|
| Filter Effects Module Level 1 # feSpotLightElement |