Arctext.js - создаем искривление текста при помощи CSS3 и JQuery

Используя Lettering.js, мы вычисляем правила вращения для каждой буквы и располагаем буквы равномерно по дуге заданного радиуса.

Как это работает

Основная идея плагина Arctext заключается во вращении букв при помощи CSS3 transforms, для того, чтобы разместить их по криволинейной траектории. Кривая - это всегда часть круга (т.е. дуга), для которой может быть указан радиус. Пространство и вращение для каждой буквы будет рассчитываться используя радиус и ширину текста.

Параметры

Возможны следующие варианты настроек:

radius  : 0,
// Минимальное допустимое значение равно половине длины слова.
// Если значение -1, слово будет прямым.
 
dir     : 1,
// 1: кривая снизу,
// -1: кривая сверху
 
rotate  : true,
// если true каждая буква должна быть повернута.
 
fitText : false
// Если вы хотите попробовать плагин fitText (http://fittextjs.com/) установите этот параметр как true.

Перевод материала с tympanus.net/codrops