Specifies how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
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 the standard deviation for the blur operation.
If two numbers are provided, the first number specifies a standard deviation along the x-axis and the second number specifies a standard deviation along the y-axis.
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="myid1">
<stop/>
<stop offset="1" stop-color="red"/>
</linearGradient>
<filter id="myid2">
<feGaussianBlur edgeMode="none" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="url(#myid1)" filter="url(#myid2)" r="50vh"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="myid1">
<stop/>
<stop offset="1" stop-color="red"/>
</linearGradient>
<filter id="myid2">
<feGaussianBlur edgeMode="wrap" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="url(#myid1)" filter="url(#myid2)" r="50vh"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="BackgroundAlpha" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="BackgroundImage" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="FillPaint" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur result="myresult" stdDeviation="100"/>
<feGaussianBlur in="myresult" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="SourceAlpha" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="SourceGraphic" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur in="StrokePaint" stdDeviation="10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" fill="#ff000080" filter="url(#myid)" r="50vh" stroke="#0000ff80" stroke-width="50"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="myid">
<feGaussianBlur stdDeviation="100 10"/>
</filter>
</defs>
<circle cx="50%" cy="50%" filter="url(#myid)" r="50vh"/>
</svg>