Do not use component transfer and instead increase blur stdDeviation.
parent
7deaeea2f6
commit
6a03fbdf79
|
@ -62,13 +62,10 @@ const ProgressCircle = ({
|
|||
height={height + extraHeight}
|
||||
width={width + extraWidth}
|
||||
>
|
||||
<feGaussianBlur in="SourceAlpha" stdDeviation="3" /> {/* stdDeviation is how much to blur */}
|
||||
<feGaussianBlur in="SourceAlpha" stdDeviation="5" /> {/* stdDeviation is how much to blur */}
|
||||
<feOffset dx="0" dy="0" result="offsetblur" /> {/* how much to offset */}
|
||||
<feComponentTransfer>
|
||||
<feFuncA type="linear" slope="2.0" />
|
||||
</feComponentTransfer>
|
||||
<feMerge>
|
||||
<feMergeNode /> {/* this contains the offset blurred image */}
|
||||
<feMergeNode in="offsetBlur" />
|
||||
<feMergeNode in="SourceGraphic" /> {/* this contains the element that the filter is applied to */}
|
||||
</feMerge>
|
||||
</filter>
|
||||
|
|
Loading…
Reference in New Issue