@historydev
Острая аллергия на анимешников

Как отображать изгиб текста во время ввода в input?

Добрый вечер.У меня проблема.Я подключил библиотеку и использую её для изгиба текста.Но при этом я вывожу его в реальном времени из инпута, если он статичен, изгиб работает, а если изменяется, то нет.

var $headline = $('#headline').hide();
      	
      	google.load('webfont','1');
      	
      	$('#text').keyup(function(){      		      		
      		
      		var $headline = $('#text').val();
      		$('.result').empty();
      		$('.result').text($headline);      		      		
      		       		      	
      	});      	      	
					
			
			google.setOnLoadCallback(function() {
				WebFont.load({
					google		: {
						families	: ['Montserrat','Concert One']
					},
					fontactive	: function(fontFamily, fontDescription) {
						init();
					},
					fontinactive	: function(fontFamily, fontDescription) {
						init();
					}
				});
			});
			
			
			function init() {
			
				$headline.show().arctext({radius: 400});
				
			}
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
NeiroNx
@NeiroNx
Программист
Очевидно его надо обновлять с каждым изменением инпута. Так как библиотека разбивает текст на буквы и задает параметры для каждой буквы - при установке из инпута вы заменяете стилизованный текст простым, поэтому его надо повторно стилизовать - при каждом изменении выполняя:
$('.result').arctext({radius: 400});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы