SVG 阴影 1
SVG <feDropShadow>
<feDropShadow> 滤镜用于在输入图形上创建阴影效果
以下是 SVG 代码
示例
<svg height="110" width="110" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="f1">
<feDropShadow dx="12" dy="14" stdDeviation="1" flood-opacity="0.7"/>
</filter>
</defs>
<rect width="90" height="90" fill="yellow" filter="url(#f1)" />
</svg>
亲自试一试 »
代码解释
<filter>元素的id属性为滤镜定义了一个唯一的名称- 阴影效果由
<feDropShadow>元素定义 dx属性定义阴影的 x 偏移量dy属性定义阴影的 y 偏移量stdDeviation属性定义阴影的模糊量flood-opacity属性定义阴影的不透明度（从 0 到 1）<rect>元素的filter属性将元素指向 "f1" 滤镜
