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

17.05.2016, 20:38
|
Новичок на форуме
|
|
Регистрация: 17.05.2016
Сообщений: 5
|
|
Есть только ТЗ, определённого примера нет, лишь фантазия.
|
|

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

17.05.2016, 23:56
|
Новичок на форуме
|
|
Регистрация: 17.05.2016
Сообщений: 5
|
|
Были мысли, мб нарисовать на канвасе, это по сути нужно будет с нуля реализовывать целый инпут, со всеми его функциями драг и дропа, выделением текста, шрифтами и стилями.
|
|

18.05.2016, 01:03
|
Новичок на форуме
|
|
Регистрация: 17.05.2016
Сообщений: 5
|
|
Нагуглил, что нужно использовать WebGL.
|
|

18.05.2016, 11:46
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
fenixrus,
А вот такой вариант?
http://csswarp.eleqtriq.com/
Правда, ввод - отдельно от отображения
Последний раз редактировалось Dilettante_Pro, 18.05.2016 в 11:48.
|
|
|
|