Пример:
Установка:
Добавляем на сайт библиотеку circletype.min.js и применяем к нужному элементу:
1 2 |
const circleType = new CircleType(document.getElementById('ElementID')); circleType.radius(400).dir(1); |
Геттеры и сеттеры:
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
Как применяем, разжуйте немного пожалуйста
Ну это от фантазии зависит 🙂
Например, обернуть круглую картинку или волнистую секцию.
Да просто текст написать так не пойму