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">feMorphologytext>
    <text x="50" y="100" font-size="50"  filter="url(#filter)">feMorphologytext>
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>