<feSpecularLighting>

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.

La primitive de filtre SVG <feSpecularLighting> éclaire une image en utilisant son canal alpha en tant que relief. L'image résultante est une image RGBA qui dépend de la couleur de la lumière, de sa position et du relief de l'image en entrée. Le calcul de l'éclairage se fait suivant le modèle d'illumination de Phong.

La lumière crée par cette primitive de filtre peut être combinée avec une image de texture à l'aide de l'opérateur arithmetic de la primitive de filtre <feComposite>. De multiples sources lumineuses peuvent être simulées en ajoutant plusieurs éléments à la texture.

Contexte d'utilisation

CatégoriesÉlément de primitive de filtre
Contenu autoriséExactly one light source element first and any number of descriptive elements in any order.

Attributs

Attributs globaux

Attributs spécifiques

Interface DOM

Cet élément implémente l'interface SVGFESpecularLightingElement.

Exemple

html
<svg height="200" width="200" viewBox="0 0 220 220"
    xmlns="http://www.w3.org/2000/svg">
  <filter id = "filter">
    <feSpecularLighting result="specOut"
          specularExponent=
    <fePointLight x="50
       </feSpecularLighting>
    <feComposite in="SourceGraphic" in2="specOut"
        operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
  </filter>
  <circle cx="110" cy="110" r="100" style="filter:url(#filter)"/>
</svg>

Résultat

Spécifications

Specification
Filter Effects Module Level 1
# feSpecularLightingElement

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi