0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>In SVG, you can specify how the stroke at the end of lines behaves using the attribute stroke-linecap. In the examples below, we have added auxiliary bright lines with strokes and shown the possible values of stroke-linecap:</p>
1
<p>In SVG, you can specify how the stroke at the end of lines behaves using the attribute stroke-linecap. In the examples below, we have added auxiliary bright lines with strokes and shown the possible values of stroke-linecap:</p>
2
<p>1. butt is the default value. When this value is set, the stroke simply ends at the ends of the line:</p>
2
<p>1. butt is the default value. When this value is set, the stroke simply ends at the ends of the line:</p>
3
<p>2. round, when this value is set, the stroke is evenly rounded around the ends of the line:</p>
3
<p>2. round, when this value is set, the stroke is evenly rounded around the ends of the line:</p>
4
<p>3. square, when this value is set, an additional stroke with rectangular edges is added around the ends of the line:</p>
4
<p>3. square, when this value is set, an additional stroke with rectangular edges is added around the ends of the line:</p>
5
<p>In CSS, the appearance of strokes where the lines bend can be controlled using the similar property stroke-linejoin.</p>
5
<p>In CSS, the appearance of strokes where the lines bend can be controlled using the similar property stroke-linejoin.</p>