title: Svg filter get outline of two blurred Objects
body: <p><a href="https://i.stack.imgur.com/77QtJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/77QtJ.png" alt="enter image description here" /></a></p>
  <p>I have Two squares.</p>
  <p>The end goal is to get the rounded outline of two merged svg objects. So, to achieve this, I first blurred them, with</p>
  <pre><code>&lt;feGaussianBlur in=&quot;SourceGraphic&quot; stdDeviation=&quot;10&quot; result=&quot;blur&quot; /&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/lA8IC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lA8IC.png" alt="enter image description here" /></a></p>
  <p>Then, I multiplied the opacity by 30 and subtracted 255*-9, increasing the contrast and merging the two shapes</p>
  <pre><code>&lt;feColorMatrix
    in=&quot;blur&quot;
    type=&quot;matrix&quot;
    values=&quot;
          1 0 0 0 0
          0 1 0 0 0 
          0 0 1 0 0  
          0 0 0 30 -9&quot;
    result=&quot;goo&quot;
  /&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/rEd05.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rEd05.png" alt="enter image description here" /></a></p>
  <p>But the result I want is not this. I want to get the outline of this shape. Is there a way to do this?</p>