stroke

Wie Ihr sicher schon mitbekommen habt, wird wie im Bild gezeigt, der stroke mittig ausgerichtet. D.h. ein Element das einen Radisu von 80px hat und einen stroke von 20px, wird nicht 200px groß, sondern nur 180px.

<svg height="200px" width="100%">
   <circle cx="100" cy="100" r="80" style="fill:lightblue; stroke: blue; stroke-width:20px; stroke-opacity: .5; stroke-dasharray: 50.265 50.265;"></circle>
</svg>