<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.

* Some parts of this feature may have varying levels of support.

Phần tử SVG <feSpecularLighting> là một primitive bộ lọc chiếu sáng nguồn đồ họa bằng kênh alpha làm bản đồ độ gồ ghề. Hình ảnh thu được là ảnh RGBA dựa trên màu ánh sáng. Phép tính chiếu sáng tuân theo thành phần phản xạ gương chuẩn của mô hình chiếu sáng Phong. Hình ảnh thu được phụ thuộc vào màu ánh sáng, vị trí nguồn sáng và hình học bề mặt của bản đồ độ gồ ghề đầu vào. Kết quả của phép tính chiếu sáng được cộng vào. Primitive bộ lọc này giả định rằng người quan sát ở vô cực theo hướng z.

Primitive bộ lọc này tạo ra một hình ảnh chứa phần phản xạ gương của phép tính chiếu sáng. Bản đồ như vậy được dự định kết hợp với một texture bằng toán hạng add của phương thức số học <feComposite>. Có thể mô phỏng nhiều nguồn sáng bằng cách cộng nhiều bản đồ sáng như vậy trước khi áp dụng lên ảnh texture.

Giống như các primitive bộ lọc khác, nó xử lý các thành phần màu trong không gian màu linearRGB theo mặc định. Bạn có thể dùng color-interpolation-filters để dùng sRGB thay thế.

Ngữ cảnh sử dụng

Categories	Filter primitive element
Permitted content	Exactly one light source element first and any number of descriptive elements in any order.

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