2 191 Вы знаете, что с помощью CSS3 можно вращать символы, но нельзя изгибать слова и предложения по кривой. Arctext.js — это тот плагин, который это может. Он создан на основе плагина Lettering.js, позволяющим вычислять правильный поворот букв и распределять их одинаково по всей мнимой дуге заданного радиуса.
Как это работает
Основная идея плагина Arctext в том, чтобы правильно повернуть и разместить буквы вдоль криволинейной траектории. В данном случае кривая является сегментом круга (дуги), радиус которого задается. Расположение и поворот каждой буквы будет рассчитываться на основе этого радиуса и ширины текста.
Параметры
Доступны следующие параметры:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
radius : 0, // минимальное допустимое значение // составляет половину длины слова. // если поставить -1, то слово будет располагаться на прямой. dir : 1, // 1: кривая вниз, // -1: кривая вверх rotate : true, // если true, то каждая буква будет повернута. fitText : false // если будете использовать // плагин fitText ), // то установите на true. |
Уморительный плагин, если взглянуть на него через ИЕ 8.