UT
В chart js же как-то реализовали, если там есть такие графики
Size: a a a
2021 February 22
UT
Мне чисто идейно понять бы.
IN
так посмотри их реализацию
IN
Или в @javascript_ru сходи
UT
Я не видел, чтобы где-то была такая диаграмма
Гуглится либо с квадратными краями, либо полностью круглые. А со слегка скруглёнными нет
Гуглится либо с квадратными краями, либо полностью круглые. А со слегка скруглёнными нет
IN
Я не видел, чтобы где-то была такая диаграмма
Гуглится либо с квадратными краями, либо полностью круглые. А со слегка скруглёнными нет
Гуглится либо с квадратными краями, либо полностью круглые. А со слегка скруглёнными нет
приведи пример, не оч понятно
UT
Привет, ребята. Возможно ли как-то сделать скруглённые углы на коричневой части? Круг отрисован через svg circle + stroke-offset
Интересует коричневая часть, на остальное можно не обращать внимание.
Мне нужно, чтобы у острых углов можно было задать типа border-radius, например, скруглить их на 5 пикселей
При этом нужно, чтобы осталась возможность менять процент коричневой части, т. е. Сжимать и увеличивать по окружности, как диаграмма работает.
Мне нужно, чтобы у острых углов можно было задать типа border-radius, например, скруглить их на 5 пикселей
При этом нужно, чтобы осталась возможность менять процент коричневой части, т. е. Сжимать и увеличивать по окружности, как диаграмма работает.
UT
Пока единственное, что приходит в голову, это жесткой математикой именно строить svg при помощи path, но это что-то так сложно, не хочется связываться.
IN
берёшь готовую диаграмму без скругления, пилишь ей скругление. Так вижу
DT
Пока единственное, что приходит в голову, это жесткой математикой именно строить svg при помощи path, но это что-то так сложно, не хочется связываться.
ну если брать свг то так и есть, т.к. предыдущий пример это просто хак. Но прям жесткой математикой я б это не назвал)
DM
SVG тут сам бог велел
UT
берёшь готовую диаграмму без скругления, пилишь ей скругление. Так вижу
В этом и вопрос. Диаграмма без скругления это circle, которому делаешь stroke-offset и все.
UT
Damir Takhautdinov
ну если брать свг то так и есть, т.к. предыдущий пример это просто хак. Но прям жесткой математикой я б это не назвал)
Ну там придётся высчитывать координаты всех (8) точек
DM
Скругление уголков у строка есть в свг
DM
Каких 8 точек?
UT
Скругление уголков у строка есть в свг
Да? Было бы клёво, где почитать?
DM
UT
Каких 8 точек?
UT
Там 3 варианта всего
Полностью круглый не подходит, надо как я изобразил
Полностью круглый не подходит, надо как я изобразил
DM
Ну так только через
path