Задать вопрос
BanterFace
@BanterFace
jack of all trades, master of none

Как задать внутреннюю тень у svg?

Всем привет. Нужно задать внутреннюю тень у path. Нашёл фильтр на хабре, вот:
<filter id="inset-shadow">

<!-- Сдвиг тени -->
<feOffset dx="0" dy="0"></feOffset>

<!-- Размытие тени -->
<feGaussianBlur stdDeviation="20" result="offset-blur"></feGaussianBlur>

<!-- Инвертируем drop shadow
чтобы создать внутреннюю тень -->
<feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite>

<!-- Цвет и Прозрачность -->
<feFlood flood-color="black" flood-opacity="0.65" result="color"></feFlood>

<!-- Обрезаем цвет внутрь тени -->
<feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite>

<!-- Раcполагаем тень поверх элемента -->
<feComposite operator="over" in="shadow" in2="SourceGraphic"></feComposite>
</filter>


Но: она затемняет ещё и storke, чего мне не нужно. Если ли фильтр, не трогающий storke, или же какие-то другие способы задания границы, кроме storke="", которые позволят нормально применять этот фильтр?
  • Вопрос задан
  • 905 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы