Specifies the input for the filter primitive.
If no value is provided and this is the first filter primitive, then this filter primitive will use SourceGraphic as its input. If no value is provided and this is a subsequent filter primitive, then this filter primitive will use the result from the previous filter primitive as its input.
SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference> SourceGraphic (or result) Specifies a keyword indicating whether to erode (thin) or dilate (fatten) the source graphic.
Specifies the radius (or radii) for the operation.
If two numbers are provided, the first number represents a x-radius and the second number represents a y-radius.
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology in="BackgroundImage" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology in="FillPaint" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology radius="10" result="myresult"/>
<feMorphology in="myresult" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology in="SourceAlpha" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology in="SourceGraphic" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology in="StrokePaint" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" fill="#ff000080" filter="url(#myid)" font-family="sans-serif" font-size="500" stroke="#0000ff80" stroke-width="50" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology operator="dilate" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" filter="url(#myid)" font-family="sans-serif" font-size="500" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology operator="erode" radius="10"/>
</filter>
</defs>
<text dominant-baseline="middle" filter="url(#myid)" font-family="sans-serif" font-size="500" text-anchor="middle" x="50%" y="50%">text</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feMorphology radius="10 1"/>
</filter>
</defs>
<text dominant-baseline="middle" filter="url(#myid)" font-family="sans-serif" font-size="500" text-anchor="middle" x="50%" y="50%">text</text>
</svg>