Is there a way to match the backgrond of no-stroke, with the one that has a stroke?

HTML & CSS
1

Code:

Stroke:

<svg style="background-color:#cfc;" width="100" height="102" viewBox="0 -3 100 106">
  <path fill="currentColor" style="fill:black;stroke: orange; stroke-width:3px;" d="M81 44.6c5 3 5 7.8 0 10.8L9 98.7c-5 3-9 .7-9-5V6.3c0-5.7 4-8 9-5l72 43.3z"></path>
</svg>


vs. no stroke.

<svg style="background-color:#cfc;" width="85" height="100" style="color:#E77D19;" viewbox="0 0 85 100">
    <path fill="currentColor" d="M81 44.6c5 3 5 7.8 0 10.8L9 98.7c-5 3-9 .7-9-5V6.3c0-5.7 4-8 9-5l72 43.3z">
  </path></svg>

2

Do you mean you want the border transparent perhaps?

style="fill:black;stroke: transparent; stroke-width:3px;"

Not really sure what you are asking :slight_smile: (Not that I know much about svg anyway)

3

I was wondering if you could pull back the border of Stroke.

4

Still no idea what you mean :wink:

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.