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

Библиотека очень легко используется и весит всего 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

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

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

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

Комментарии:

  • Станислав:

    Как применяем, разжуйте немного пожалуйста

    Ответить
    • Alexander:

      Ну это от фантазии зависит 🙂
      Например, обернуть круглую картинку или волнистую секцию.

      Ответить
      • Станислав:

        Да просто текст написать так не пойму

        Ответить