- object.svg
- style.css
SVG
<svg width="300" height="300">
<line x1="40" y1="50" x2="260" y2="50" stroke-width="50" stroke="tomato" stroke-linecap="butt"></line>
<line x1="40" y1="150" x2="260" y2="150" stroke-width="50" stroke="gold"></line>
<line class="shape-linecap" x1="40" y1="250" x2="260" y2="250" stroke-width="50" stroke="lightseagreen"></line>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Задайте второй линии атрибут
stroke-linecap="round"
. - В CSS третьей линии задайте свойство
stroke-linecap
со значениемsquare
.