Пример:

Установка:

Добавляем на сайт библиотеку circletype.min.js и применяем к нужному элементу:

Геттеры и сеттеры:

circleType.radius(value)

Задает нужный радиус текста. При минимальныом радиусе текст образовывает полный круг.

circleType.radius()

Возвращает радиус текста в пикселях.

circleType.dir(value)

Задает направление текста.1 - по часовой стрелке, -1 - против часовой стрелки.

circleType.dir()

Возвращает направление текста.

circleType.forceWidth(value)

Задает параметр, при значении true которого вычисляется и применяется к элементу ширина дуги (по умолчанию false).

circleType.forceWidth()

Возвращает значение параметра.

circleType.forceHeight(value)

Задает параметр, при значении false которого не вычисляется и не применяется к элементу высота дуги (по умолчанию true).

circleType.forceHeight()

Возвращает значение параметра.

circleType.refresh()

Пересчета высоты элемента. Должно вызываться, например, если изменяется размер шрифта.

circleType.destroy()

Удаляет эффект CircleType из элемента, восстанавливая его исходное состояние.