用Jquery弯曲文本没有硬编码

我正在使用以下代码更改文本框中任何类型的字体文本，它工作得很好，我现在要做的是使用Jquery将文本显示为CURVE，如下所示。 我试图使用http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/，但我看到那里的大部分文字都是有编码的，我不会想要那么。简而言之，如果有人在文本框中键入文本，它应该显示为弯曲而不是单行\

          //<![CDATA[ $(window).load(function(){ $('#ta').keyup(function(){ $('#float').html("
"+$(this).val()+"
"); }); $("#fs").change(function() { $('#float').css("font-family", $(this).val()); }); $("#size").change(function() { $('#float').css("font-size", $(this).val() + "px"); }); });//]]>    
 erase  Arial Verdana  Impact  Comic Sans MS   7 10 20 30  
 Text into textarea 
 
 
 Text into container 
 
 
   

Answer 1

在您的代码中包含插件并将其用于您的脚本

 $(window).load(function(){ function update(){ var text = '
' + $('#ta').val() + '
', size = $('#size').val(), font = $('#fs').val(); $('#float') .css({ fontFamily: font, fontSize: size + 'px' }) .html(text) .find('p') .arctext(); } $('#ta').keyup( update ); $("#fs, #size").change( update ); }); 

演示 http://jsfiddle.net/gaby/AnyNQ/1/

Answer 2

查看CircleType.js 。 您可以在此站点上查看如何使用它来创建弯曲文本输入。

完全披露：CircleType.js是我的项目，但我认为它可能对您的情况有所帮助。