<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 的浏览器中加载。

另请参阅