Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.05.2016, 20:27
Новичок на форуме
Отправить личное сообщение для fenixrus Посмотреть профиль Найти все сообщения от fenixrus
 
Регистрация: 17.05.2016
Сообщений: 5

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

Есть только ТЗ, определённого примера нет, лишь фантазия.
Ответить с цитированием
  #3 (permalink)  
Старый 17.05.2016, 22:09
Новичок на форуме
Отправить личное сообщение для fenixrus Посмотреть профиль Найти все сообщения от fenixrus
 
Регистрация: 17.05.2016
Сообщений: 5

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

Были мысли, мб нарисовать на канвасе, это по сути нужно будет с нуля реализовывать целый инпут, со всеми его функциями драг и дропа, выделением текста, шрифтами и стилями.
Ответить с цитированием
  #5 (permalink)  
Старый 18.05.2016, 01:03
Новичок на форуме
Отправить личное сообщение для fenixrus Посмотреть профиль Найти все сообщения от fenixrus
 
Регистрация: 17.05.2016
Сообщений: 5

Нагуглил, что нужно использовать WebGL.
Ответить с цитированием
  #6 (permalink)  
Старый 18.05.2016, 11:46
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

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

Последний раз редактировалось Dilettante_Pro, 18.05.2016 в 11:48.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плагин для Chrome. Анти - мат. Проблема с обновлением. Pacman Javascript под браузер 3 31.05.2013 21:40
Плагин для Chrome. Анти - мат. Проблема с обновлением. timedo Общие вопросы Javascript 1 30.05.2013 12:28
убрать прокрутку с элемента Vampir3 Общие вопросы Javascript 1 06.02.2013 17:20
Горизонтальная прокрутка контента! andys Элементы интерфейса 5 26.06.2011 23:06
скролл для длинного текста не появляется... dschmitz (X)HTML/CSS 6 27.11.2010 02:34