The specularConstant attribute controls the ratio of reflection of the specular lighting. It represents the ks value in the Phong lighting model. The bigger the value the stronger the reflection.
Only one element is using this attribute: <feSpecularLighting>
html, body, svg {
height: 100%;
}
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="specularLighting1" x="0" y="0" width="100%" height="100%">
<feSpecularLighting in="SourceGraphic" specularConstant="1.2">
<fePointLight x="60" y="60" z="20" />
</feSpecularLighting>
</filter>
<filter id="specularLighting2" x="0" y="0" width="100%" height="100%">
<feSpecularLighting in="SourceGraphic" specularConstant="0.8">
<fePointLight x="60" y="60" z="20" />
</feSpecularLighting>
</filter>
<rect x="0" y="0" width="200" height="200" style="filter: url(#specularLighting1);" />
<rect x="0" y="0" width="200" height="200"
style="filter: url(#specularLighting2); transform: translateX(220px);" />
</svg>
Usage notes
| Value | <number> |
|---|---|
| Default value | 1 |
| Animatable | Yes |
Specifications
| Specification | Status | Comment |
|---|---|---|
| Filter Effects Module Level 1 The definition of 'specularConstant' in that specification. |
Working Draft | No change |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'specularConstant' in that specification. |
Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
specularConstant | Chrome Full support Yes | Edge Full support Yes | Firefox Full support 4 | IE Full support Yes | Opera Full support 9 | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown