title: dropShadow for svg path in flutter
body: <p>I tried Applying DropShadow for a path as mentioned on many websites for existing platforms (i.e <a href="https://riptutorial.com/svg/example/12622/shadow-filters--basic-dropshadow" rel="nofollow noreferrer">like this one</a> or <a href="https://www.w3schools.com/graphics/svg_feoffset.asp" rel="nofollow noreferrer">like w3Schools explained</a>)</p>
  
  <p>but flutter wasn't rendering that at all , browsers showed some of them (when opened locally on pc), or some of them were visible only in javaScript(!?not sure) powered codeLabs their own website (w3schools) provided</p>
  
  <p>still trying to do this via svg elements without base64 images embeded inside svg as drop shadow as it's a little tricky to work with.</p>
  
  <p>has someOne tried this before? </p>
  
  <p>:hearts</p>
  
  <p><strong>this is my svg file (without dropShadow) :</strong></p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 10.428 10.062"&gt;
          &lt;g transform="translate(0 2) rotate(-30)" fill="#ee8c8c"&gt;
              &lt;path d="M 7.138411045074463 6.5 L 0.8615883588790894 6.5 L 3.999999761581421 1.007779955863953 L 7.138411045074463 6.5 Z" stroke="none"/&gt;
              &lt;path d="M 3.999999761581421 2.015560150146484 L 1.723176956176758 6 L 6.276822566986084 6 L 3.999999761581421 2.015560150146484 M 3.999999761581421 0 L 8 7 L -4.76837158203125e-07 7 L 3.999999761581421 0 Z" stroke="none" fill="#ee8c8c"/&gt;
          &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p><strong>this is one of the methods I tried already :</strong></p>
  
  <pre><code>&lt;svg&gt;
  
    &lt;defs&gt;
      &lt;filter id="drop-shadow"&gt;
        &lt;feGaussianBlur in="SourceAlpha" stdDeviation="4"/&gt;
        &lt;feOffset dx="5" dy="5" result="offsetblur"/&gt;
        &lt;feFlood flood-color="red"/&gt;
        &lt;feComposite in2="offsetblur" operator="in"/&gt;
        &lt;feMerge&gt;
          &lt;feMergeNode/&gt;
          &lt;feMergeNode in="SourceGraphic"/&gt;
        &lt;/feMerge&gt;
      &lt;/filter&gt; 
    &lt;/defs&gt;
  
    &lt;g transform="translate(0 2) rotate(-30)" fill="#ee8c8c" filter="url(#drop-shadow)"&gt;
      &lt;path d="M 7.138411045074463 6.5 L 0.8615883588790894 6.5 L 3.999999761581421 1.007779955863953 L 7.138411045074463 6.5 Z" stroke="none"/&gt;
      &lt;path d="M 3.999999761581421 2.015560150146484 L 1.723176956176758 6 L 6.276822566986084 6 L 3.999999761581421 2.015560150146484 M 3.999999761581421 0 L 8 7 L -4.76837158203125e-07 7 L 3.999999761581421 0 Z" stroke="none" fill="#ee8c8c" /&gt;
    &lt;/g&gt;
  
  &lt;/svg&gt;
  
  </code></pre>