SVG-часы с JavaScript анимацией

Использование jаvascript в сочетании с векторной графикой позволяет получать очень интересные решения. Здесь приведен пример SVG-анимации в виде аналоговых часов. Преимущество векторной графики над растровой в ее масштабируемости. При увеличении изображения его качестве не меняется. Это очень удобно, если шаблон вашего сайта адаптируемый. Эти часы реализованы на основе svg-графики. Скрипт используется для вычисления величин углов, на которые надо поворачивать стрелки на основе системного времени. А для отрисовки часов уже используются возможности svg-графики. Так как все изображение это обычный текст, то его легко настроить. Это можно делать даже динамически, используя те же скрипты. Возможности такой графики ограничены только вашей фантазией и навыками программирования. Она не подходит только для создания очень детализованных изображений. И так, приступим к установке.