<feSpecularLighting>

<feSpecularLighting> SVG 濾鏡基元使用 alpha 通道作為凹凸貼圖來照亮源圖形。生成的影像是一個基於光線顏色的 RGBA 影像。Phong 照明模型的標準鏡面分量遵循照明計算。生成的影像取決於光線顏色、光線位置和輸入凹凸貼圖的表面幾何形狀。新增照明計算的結果。濾鏡基元假設觀察者位於 z 方向的無窮遠處。

此濾鏡基元生成包含照明計算的鏡面反射部分的影像。此類貼圖旨在與使用算術 <feComposite> 方法的 add 項的紋理組合。可以透過在將多個光線貼圖應用於紋理影像之前新增多個此類光線貼圖來模擬多個光源。

使用上下文

類別濾鏡基元元素
允許的內容正好一個 光源元素 首先，以及任意數量的 描述性元素 按任意順序排列。

屬性

DOM 介面

此元素實現了 SVGFESpecularLightingElement 介面。

示例

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="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" style="filter:url(#filter)" />
</svg>

結果

規範

規範
濾鏡效果模組級別 1
# feSpecularLightingElement

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱