<feSpecularLighting>
Элемент фильтра <feSpecularLighting> SVG освещает графический источник, используя альфа-канал как карту рельефа. Результирующее изображение — это RGBA-изображение, основанное на цвете света. Вычисление освещения следует стандартной составляющей зеркального отражения модели освещения Фонга. Результирующее изображение зависит от цвета света, положения источника света и геометрии поверхности входной карты рельефа. Результат вычисления освещения добавляется. Элемент фильтра предполагает, что наблюдатель находится на бесконечном расстоянии в направлении оси z.
Этот элемент фильтра создаёт изображение, содержащее часть зеркального отражения в расчёте освещения. Такая карта предназначена для объединения с текстурой с использованием add операции арифметического метода <feComposite>. Несколько источников света могут быть смоделированы путём добавления нескольких таких карт освещения перед применением их к текстурному изображению.
Контекст использования
| Категории | Элемент фильтра |
|---|---|
| Разрешённое содержимое | Сначала ровно один элемент источника света, а затем любое количество описательных элементов в любом порядке. |
Атрибуты
Интерфейс 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>
Результат
Спецификации
| Спецификация |
|---|
| Модуль фильтров уровня 1 # feSpecularLightingElement |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
feSpecularLighting |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 |
in |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 |
kernelUnitLength |
45 | 79 | 3 | 32 | 17.4 | 45 | 4 | 32 | 17.4 | 5.0 | 45 |
specularConstant |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 |
specularExponent |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 |
surfaceScale |
5 | 79 | 3 | 15 | 6 | 18 | 4 | 14 | 6 | 1.0 | 4.4 |
См. также
<filter><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDistantLight><feFlood><feGaussianBlur><feImage><feMerge><feMorphology><feOffset><fePointLight><feSpotLight><feTile><feTurbulence>- Руководство по SVG: Эффекты фильтров
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feSpecularLighting