Подскажите как в svg добавить тень изображению или к базовым фигурам svg.
В самом svg файле.
Подскажите как в svg добавить тень изображению или к базовым фигурам svg.
В самом svg файле.
Один из способов получения тени внутри файла 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>