Библиотека для стрелочных часов
Реализуйте библиотеку для создания тикающих стрелочных часов.
Основные возможности проекта
- Библиотека для создания стрелочных часов на canvas.
- Секундная, минутная и часовая стрелки.
- Настройка внешнего вида часов (цвета, размеры, шрифты).
- Настройка часового пояса (смещение относительно UTC).
- Тикание в реальном времени (обновление каждую секунду).
- Публикация на GitHub с документацией.
Функциональность библиотеки
Библиотека должна предоставлять следующие возможности:
- Отрисовка циферблата с делениями и цифрами.
- Три стрелки: секундная, минутная, часовая.
- Автоматическое обновление времени каждую секунду.
- Настройка часового пояса (например, UTC+3).
Параметры настройки
При инициализации часов можно передавать параметры:
- container - селектор контейнера для часов.
- size - размер часов в пикселях.
- timezone - смещение часового пояса в часах (например, +3).
- colors - объект с цветами: dial, numbers, hourHand, minuteHand, secondHand.
- showNumbers - показывать ли цифры на циферблате.
Внешний вид
Настройки внешнего вида должны позволять изменять:
- Цвет циферблата.
- Цвет и размер цифр.
- Цвет и толщину стрелок.
- Цвет секундной стрелки.
Использование библиотеки
Пример использования библиотеки:
- Подключить CSS-файл со стилями (опционально).
- Подключить JS-файл с библиотекой.
- Создать HTML-контейнер для часов.
- Инициализировать часы с настройками.
Публикация на GitHub
Библиотека должна быть выложена на GitHub с:
- README.md с описанием и инструкцией по установке.
- Демо-страницей с примерами использования.
- Исходным кодом библиотеки.
Тестирование
Библиотека должна быть протестирована на:
- Разных браузерах (Chrome, Firefox, Safari, Edge).
- Разных размерах часов (от 100px до 500px).
- Разных часовых поясах (убедиться, что время отображается корректно).
Дополнительные возможности
- Тень от стрелок (эффект глубины).
- Плавное движение секундной стрелки (не дискретное).
- Поддержка темной и светлой темы.