Я ищу способ нарисовать нижнюю часть этого круга с помощью CSS
или SVG
.
Мне нужно сделать дополнительный сегмент чуть меньше половины окружности.
Это, вероятно, невозможно реализовать на чистом CSS
, но SVG-решение сложно для меня.
Ниже на картинке, что я хочу получить.
Вот мой код:
<svg class="pie">
<circle cx="115" cy="115" r="110"></circle>
<path d="M115,115 L115,5 A110,110 1 0,1 225,115 z"></path>
</svg>
Перевод вопроса: Draw half circle with CSS or SVG @parliament