Как нарисовать часть круга на svg?

Question

[Zombie42679]

Есть верхняя точка у окружности, нужно чтоб синяя линия выходила из верхний точки на n процентов от общей длины окружности. Сейчас она выходит получается на 100% , как бы я не крутил stroke-dasharray: 0; и stroke-dashoffset: 0; ничего не получается, не понимаю как рассчитать правильно, чтоб длина линии была 8% процентов или 33% от общей длины

https://jsfiddle.net/6td1azoj/

Comments

[Толстый Лорри]

часть круга

Это называется "сектор".

Answer 1

[Максим]

Это делается в векторном редакторе - просто удобнее и потом сохраняете как SVG
https://codepen.io/MaximLensky/pen/RxamEK?editors=1000

Comments

[Zombie42679]

Идея была в том, чтобы динамически выводить эту линию. А подогнать я мог и без редактора)

Помог вот этот сайт - https://svg-art.ru/?p=1253 , узнал длину линии - 1187 в моем случае поделил это всё на 100%, чтобы узнать длину 1го процента и в общем-то всё, высчитывал нужное число процентов и подставлял.