Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Кастомизация input text (https://javascript.ru/forum/dom-window/63099-kastomizaciya-input-text.html)

fenixrus 17.05.2016 20:27

Кастомизация input text
 
Здравствуйте, задача такова, нужно изменить геометрию <input type="text"/>. Нужно сделать инпут ввиде спирали с сохранением его функций. Делать на JS.

fenixrus 17.05.2016 20:38

Есть только ТЗ, определённого примера нет, лишь фантазия.

fenixrus 17.05.2016 22:09

Ну вод представь инпут обычный, однострочный, а теперь закрути его по спирали, могу ТЗ приложить.
Цитата:

Нужно написать JS-библиотеку, (на выходе 2 версии, одна минифицированая) работающую на moz, webkit. Она позволяет создавать динамические поля ввода текста (расширением, плагином или как иначе), которые дают возможность пользователю переопределять тип поля для ввода текста, таким образом, что текст может вводиться под любым углом, закручиваться по спирали, но при этом оставаться текстом. Естественно он не перекрывает свои границы и не налезает на другие элементы (но нужно предусмотреть возможность автоматического раздвижения окружающих тегов в некоторых случаях). Причём отображается он, так же как и был введён. При копировании из такого поля текст должен корректно вставляться по позиции следования букв. При вставке в нелинейные поля, он располагается в соответствии с видом поля и заданным меж буквенным интервалом. Должен правильно рассчитываться угол наклона букв, в зависимости от поворота, поля относительно своей оси. Стили, которые крепятся к тексту изменяются вместе с ним (подчёркивания, курсив, шрифт, бэкграунд и т.д.).

fenixrus 17.05.2016 23:56

Были мысли, мб нарисовать на канвасе, это по сути нужно будет с нуля реализовывать целый инпут, со всеми его функциями драг и дропа, выделением текста, шрифтами и стилями.

fenixrus 18.05.2016 01:03

Нагуглил, что нужно использовать WebGL.

Dilettante_Pro 18.05.2016 11:46

fenixrus,
А вот такой вариант?
http://csswarp.eleqtriq.com/
Правда, ввод - отдельно от отображения


Часовой пояс GMT +3, время: 00:45.