- PVSM.RU - https://www.pvsm.ru -
Крошечная (2 килобайта в минифицированном виде) JavaScript-библиотека Piecon [1] генерирует круговую диаграмму на месте фавикона. API предельно прост и состоит из трёх методов объекта Piecon.
Метод reset()
не имеет аргументов и просто сбрасывает счётчик, setProgress()
принимает один аргумент — процент заполненности круговой диаграммы, а setOptions()
требует объект с базовыми настройками фавикона:
Piecon.setOptions({
color: '#ff0084', // Основной цвет
background: '#bbb', // Цвет фона диаграммы
shadow: '#fff', // цвет обрамления
fallback: false // Отображение процентов в заголовке (возможные значения - true, false, 'force')
});
Совместимость с браузерами:
В IE и Safari пока реализован только текстовый отсчёт (библиотеке всего месяц от роду). Источником вдохновения для Piecon послужил анимированный счётчик Tinycon [2]. Посмотреть демо можно здесь [3].
Автор: ilya42
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/14327
Ссылки в тексте:
[1] Piecon: https://github.com/lipka/piecon
[2] Tinycon: http://habrahabr.ru/post/139806/
[3] здесь: http://lipka.github.com/piecon/
Нажмите здесь для печати.