Spec-Zone.ru › SVG

<feSpecularLighting>

Элемент фильтра <feSpecularLighting> SVG освещает графический источник, используя альфа-канал как карту рельефа. Результирующее изображение — это RGBA-изображение, основанное на цвете света. Вычисление освещения следует стандартной составляющей зеркального отражения модели освещения Фонга. Результирующее изображение зависит от цвета света, положения источника света и геометрии поверхности входной карты рельефа. Результат вычисления освещения добавляется. Элемент фильтра предполагает, что наблюдатель находится на бесконечном расстоянии в направлении оси z.

Этот элемент фильтра создаёт изображение, содержащее часть зеркального отражения в расчёте освещения. Такая карта предназначена для объединения с текстурой с использованием add операции арифметического метода <feComposite>. Несколько источников света могут быть смоделированы путём добавления нескольких таких карт освещения перед применением их к текстурному изображению.

Контекст использования

Категории Элемент фильтра
Разрешённое содержимое Сначала ровно один элемент источника света, а затем любое количество описательных элементов в любом порядке.

Атрибуты

  • in
  • surfaceScale
  • specularConstant
  • specularExponent
  • kernelUnitLength

Интерфейс 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

Совместимость с браузерами

Рабочий стол Мобильные устройства
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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API