feSpecularLighting

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

feSpecularLighting

This page has been flagged with the following issues:

High-level issues:

• Needs Topics

• Missing Relevant Sections

• Data Not Semantic

• Unreviewed Import

Content:

• Incomplete

• Not Neutral

• Cleanup

• Compatibility Incomplete

• Examples Best Practices

Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.

Overview Table

DOM Interface	SVGElement

Needs Examples: This section should include examples.

Notes

Remarks

The resulting image is an RGBA image based on the light color. The lighting calculation follows the standard specular component of the Phong lighting model. The resulting image depends on the light color, light position, and surface geometry of the input bump map.

Standards information

• Scalable Vector Graphics: Filter Effects, Section 15.25.25

Members

The SVGFESpecularLightingElement object has these properties:

• height: Gets or sets the height of an element.
• in1: Identifies input for the given filter primitive.
• kernelUnitLengthX: kernelUnitLength indicates the intended distance in current filter units for dx and dy in the surface normal calculation formulas.
• kernelUnitLengthY: kernelUnitLength indicates the intended distance in current filter units for dx and dy in the surface normal calculation formulas.
• result: Provides a reference for the output result of a filter.
• specularConstant: Specifies the diffuse refection constant used to calculate the effects of diffusion and reflection from a light source.
• surfaceScale: Specifies surface height when the alpha channel of the input image is set to 100% opacity.
• width: Defines the width of an element.
• x: Gets or sets the x-coordinate value.
• y: Gets or sets the y-coordinate value.

Compatibility

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	?	?	?	?

Mobile

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic support	?	?	?	?	?	?	?	?

See also

Related articles

Filters

• blur()

• brightness()

• contrast()

• custom()

• drop-shadow()

• grayscale()

• hue-rotate()

• invert()

• opacity()

• saturate()

• sepia()

• filter

• feBlend

• feColorMatrix

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feDistantLight

• feFlood

• feFuncA

• feFuncB

• feFuncG

• feFuncR

• feGaussianBlur

• feImage

• feMerge

• feMergeNode

• feMorphology

• feOffset

• fePointLight

• feSpecularLighting

• feSpotlight

• feTile

• feTurbulence

• SVG deployment

• SVG filters

• SVG graphic effects

• SVG grand tour

• Understanding CSS filter effects

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]