我正在使用以下代码更改文本框中任何类型的字体文本,它工作得很好,我现在要做的是使用Jquery将文本显示为CURVE,如下所示。 我试图使用https://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"); }); });//]]> Text into container
在您的代码中包含插件并将其用于您的脚本
$(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 ); });
演示
查看CircleType.js 。 您可以在此站点上查看如何使用它来创建弯曲文本输入。
完全披露:CircleType.js是我的项目,但我认为它可能对您的情况有所帮助。
以上就是jQuery教程分享用Jquery弯曲文本没有硬编码相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532561.html