SVG - Stroke

About

Stroke in Svg - stroke means painting along the outline of the object.

The center width of a stroke is the edge of each shape.

Articles Related

Example

• The circle with opacity

<svg height="200">
<circle 
        cx="100" 
        cy="100" 
        r="80" 
        fill="rgba(213,216,203,0.75)"
        stroke="rgba(236,220,198,0.75)" 
        stroke-width="40"/>
</svg>

The total rayon will be: <MATH> \text{The radius}+\frac{\displaystyle \text{The stroke width}}{2} = 80+\frac{40}{2} = 100 </MATH>