vector graphics (SVG) : circle strokes does not have the same length

Unity Engine
,
1

I imported the vectorgraphics library to use SVG files, and I tried to display a circle with strokes, the file looks like that :

<svg width="999" height="999" viewBox="0 0 999 999" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="499.5" cy="499.5" r="492" stroke="white" stroke-width="15" stroke-linecap="square" stroke-dasharray="149 149"/>
</svg>

and here is the expected result (in figma):

9920016--1434612--upload_2024-7-2_19-35-17.png
9920016--1434612--upload_2024-7-2_19-35-17.png1319Ă—972 13 KB

However, when importing into unity, some strokes end up with the wrong length:

9920016--1434615--upload_2024-7-2_19-36-44.png
9920016--1434615--upload_2024-7-2_19-36-44.png857Ă—726 4.65 KB

The leftmost stroke is taller than the rightmost stroke

I tried :

  • Going into the “play” mode to see if it was just an editor problem

  • Building the project to see if it was just an editor problem

  • Changing every single field of the asset in the inspector to see if I missed an option

  • Changing the size of the strokes

  • Changing the size of the gameObject

  • Rotate it to see if it’s not just perspective

  • Changing anti-aliasing params (I know it’s normal to get some pixels, I wanted to see if there was no side-effect)

1 Like