svg基础（九）滤镜-feMorphology（形态学）

feMorphology:形态学滤镜

用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。适合用来创建轮廓和边界。

1 用法

<feMorphology operator="" radius=""/>

2 属性

• in
• operator -dilate膨胀,erode侵蚀
• radius-

3 示例

<svg width="500" height="500">
    <filter id="filter">
        <feMorphology operator="dilate" radius="3" in="SourceAlpha"  />
    </filter>
    <text x="50" y="50" font-size="50">feMorphology</text>
    <text x="50" y="100" font-size="50"  filter="url(#filter)">feMorphology</text>
</svg>

 <svg width="500" height="500">
        <filter id="filter">
            <feMorphology operator="dilate" radius="10" in="SourceAlpha"  />
        </filter>
        <rect x="50" y="50" width="100" height="100"></rect>
        <rect x="50" y="200"  width="100" height="100"  filter="url(#filter)"></rect>
    </svg>