Как создать preloader, который появляется в зависимости от значения?

Question

[Alex_87]

Добрый вечер! Есть образно говоря стилизованный круг, который в зависимости от значения(в процентах), появляется по часовой стрелки(пример-картинка внизу) Скажите пожалуйста, как это сделать? Если бы это был просто круг с одним цветом, то вопросов не было бы.

Comments

[twobomb]

Ничё не понял, но очень интересно

[Alex_87]

twobomb, Есть круг с точками. При значении 0, круг не виден. При значении 50%, он виден наполовину, и так далее. Как это сделать?

Answer 1

[twobomb]

Comments

[Alex_87]

Ух ничего себе... Впечатляющее зрелище! Большое спасибо за помощь!!!!!!!

[Alex_87]

Извини за вопрос. Я просто вообще дел с canvas не имел... Подскажи пожалуйста,
- необходимо дать возможность передавать значение. За 100 % будет число 100(к примеру, получает canvas число 30, вот на 30% с анимацией и появляются точки)
- по часовой стрелки от 12(сейчас она начинается снизу), показывать изображение(точки), увеличивая прозрачность в конце(как на картинке, примерно).
- Анимацию появление оставить такой же.
Не спрашивал бы, если бы хоть что-то знал в канвасе. Извините, что наглею! Вам пример показал, что к канвасу стоит обратить своё внимание!

[twobomb]

Alex_87,

[Alex_87]

twobomb, Спасибо! Нашёл, где меняется значение perc%= 100; Небольшая правка:

То есть, пользователь сам генерирует значение, которое и передаётся в ваш код, который должен отработать один раз и остановиться.

[chakaponi]

Alex_87, Не забывайте отмечать ответы пользователей как решение

[Alex_87]

chakaponi, Хорошо! Как будет решение - сразу отмечу!

[Alex_87]

chakaponi, а вы можете помочь подправить и убрать этот бесконечный цикл? Мне нужно задать число и запустить функцию один раз!

[twobomb]

Alex_87, Вы серьезно? Вы похоже даже Js не знаете, вам нужно начать изучать его с основ