limitingConeAngle
Базовый уровень Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна в браузерах с июля 2015 года.
Атрибут limitingConeAngle задаёт угол в градусах между осью точечного источника света (то есть осью между источником света и точкой, на которую он направлен) и конусом точечного источника света. Таким образом, он задаёт ограничивающий конус, который ограничивает область, освещаемую источником. За пределами конуса свет не проецируется.
Этот атрибут можно использовать со следующими SVG-элементами:
Пример
<svg viewBox="0 0 480 200" xmlns="http://www.w3.org/2000/svg">
<filter id="spotLight1" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting diffuseConstant="2">
<feSpotLight
x="10"
y="10"
z="50"
pointsAtX="100"
pointsAtY="100"
limitingConeAngle="10" />
</feDiffuseLighting>
</filter>
<filter id="spotLight2" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting diffuseConstant="2">
<feSpotLight
x="10"
y="10"
z="50"
pointsAtX="100"
pointsAtY="100"
limitingConeAngle="40" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#spotLight1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#spotLight2)" />
</svg>
Примечания по использованию
| Значение | <number> |
|---|---|
| Значение по умолчанию | 0 |
| Анимируемое | Да |
Спецификации
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
limitingConeAngle |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 | 6 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/limitingConeAngle
