2

Подскажите как в svg добавить тень изображению или к базовым фигурам svg.

В самом svg файле.

3
  • 1
    Если надо добавить тень в векторный SVG файл, то надо пользоваться графическим векторным редактором (например Illustrator).
    – labris
    Commented 3 апр. 2017 в 9:46
  • @abris в файл svg проще добавлять через код, а не рисовать в редакторе Commented 17 дек. 2018 в 9:56

1 ответ 1

2

Один из способов получения тени внутри файла svg - добавить svg фильтр

<svg width="50%" height="50%" viewBox="0 0 250 250">
  <defs>
    <filter id="drop-shadow" x="-20%" y="-20%"  width="150%" height="150%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
      <feOffset in="blur" dx="3" dy="3" result="offsetBlur"/>
      <feMerge>
        <feMergeNode in="offsetBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <rect class="rect1" x="5" y="5" width="50" height="50" fill="greenyellow" filter="url(#drop-shadow)" /> 
  <circle cx="100" cy="100" r="50" fill="purple" filter="url(#drop-shadow)" />
  
 <svg>

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.