How to make an SVG ellipse with a 40px stroke match the size of a strokeless ellipse?

What approach can be taken to ensure that an SVG ellipse with a 40px stroke width appears the same size as another ellipse without a stroke? The challenge is to maintain visual consistency in size between the two ellipses, one of which includes a significant stroke width.

How should the dimensions be adjusted or calculated for the stroked ellipse to match the size of the non-stroked ellipse?

Are there specific SVG properties or calculations that could be utilized for sizing these ellipses so they appear identically sized?

1 Like