title: opacity vs fill-opacity in svg
body: <p>What is the difference in <code>opacity</code> vs <code>fill-opacity</code> in SVG?</p>
  <p>I referred the docs for <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity" rel="nofollow noreferrer">fill-opacity</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/opacity" rel="nofollow noreferrer">opacity</a> but I am confused what is meant by</p>
  <blockquote>
  <p>fill-opacity: opacity of the content of the current object</p>
  </blockquote>
  <p>vs</p>
  <blockquote>
  <p>opacity: transparency of an object</p>
  </blockquote>