Есть альтернатива для Circle Progress?

Question

[olezhenka]

Проблема самого CP - в лагах. У меня есть игроки и на них прикреплен CP, когда происходит анимация, то абсолютно любая другая анимация жутко лагает (в svg жутко лагает, на canvas лагает в зависимости от установленного fps анимации)


Я писал CP на svg, на canvas, код идеальный, лаги возникают именно в связи с самой анимацией. Какая есть альтернатива? Мб еще есть способы создать CP?

Comments

[twobomb]

Какие игроки, какие лаги? Если код идеальный, то ничего не может лагать. Тем более рисование кружка на канвасе.

[Stranger in the Q]

чтобы что-то ответить - нужно уметь воспроизвести проблему, а Вы код не привели

[olezhenka]

strangerintheq, twobomb, я использовал библиотеку
https://www.npmjs.com/package/react-circular-progr...
и
https://material-ui.com/ru/api/circular-progress/
Сейчас написал свой аналог на canvas - лагает меньше, но все таки есть

Когда запускается анимация CP возникают лаги, когда она заканчивается то сайт идеально работает. Можете сами проверить https://vk.com/app7386538_205580268
Когда запустится анимация, то перетаскивание своих карт, анимация перетаскивания карт пользователей и т.д. начнет затормаживать

[olezhenka]

strangerintheq, twobomb, я нашел альтернативу на css gradient
https://codepen.io/geedmo/pen/InFfd?editors=0110
попробую юзануть