fespecularlighting

<fespecularlighting>

<feSpecularLighting>SVG滤波器原始灯使用alpha通道作为凹凸贴图源图形。生成的图像是基于浅色的RGBA图像。照明计算遵循Phong照明模型的标准镜面组件。生成的图像取决于输入凹凸贴图的浅色，浅色位置和表面几何形状。照明计算的结果被添加。滤波器原语假设观看者在z方向上处于无限远处。

此滤镜原始图像将生成包含光照计算的镜面反射部分的图像。这样的映射意图是用add算术<feComposite>方法的术语与纹理相结合。在将其应用到纹理图像之前，可以通过添加几个这样的光照图来模拟多个光源。

用法上下文

属性

全局属性

• Core attributes

• Presentation attributes

• Filter primitive attributes

• class

• style

具体属性

• in

• surfaceScale

• specularConstant

• specularExponent

• kernelUnitLength

DOM接口

这个元素实现了SVGFESpecularLightingElement接口。

例

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

结果

​

产品规格

浏览器兼容性