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

Question

[historydev]

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

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});
				
			}

Answer 1

[Александр]

Очевидно его надо обновлять с каждым изменением инпута. Так как библиотека разбивает текст на буквы и задает параметры для каждой буквы - при установке из инпута вы заменяете стилизованный текст простым, поэтому его надо повторно стилизовать - при каждом изменении выполняя:
$('.result').arctext({radius: 400});

Comments

[historydev]

Всё перестало работать

[historydev]

var $headline = $('#headline').hide();
      	google.load('webfont','1');
      	$('#text').keyup(function(){ 		 		 		 		
      	
      	var $headline = $('#text').val(); 		
      	//$('.result').empty(); 		
      	$('.result').text($headline);
      	$('.result').arctext({radius: 400});		 		 		 		 	 	
      	
      	});
      	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});       	
      	}

[Александр]

Потому что библиотека через жопу хитро работает

$('.result').data("arctext",null).text($('#text').val()).arctext({radius:300})

[historydev]

Александр, красавчик мужик.ОГРОМНОЕ СПАСИБО, я уже бомбануть успел.