Вывод текста по окружности

Библиотека очень легко используется и весит всего 15кб

Пример:

Вывод текста по окружности
CircleType.js

Установка:

Добавляем на сайт библиотеку 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 из элемента, восстанавливая его исходное состояние.


Библиотека CircleType на github

Смотрите также:

Логотипы на CSS

Несколько примеров оформления логотипов или заголовков для сайта на CSS

Добавить комментарий:

Ваш комментарий отправлен!