文字弯曲

一、引入

<script src="js/jquery.min.js"></script>
<script src="js/jquery.arctext.js"></script>


二、使用

  • HTML结构
<h3 id="title">文字弯文字弯文字弯</h3>


  • 初始化
$("#title").arctext({
radius:180
})


==注:==能兼容至ie9+,不能换行,换行需放在新的标签元素中。

文字弯曲_jquery

三、参数

  • radius:弯曲度数,最小的值是文字长度,如果设置为-1,则显示直线。
  • rotate:默认true,为false则不旋转文字
  • dir:默认1,1:向下弯曲 非1(-1,0,2等):向上弯曲
  • fitText:默认false,如果你想尝试使用fitText插件,设置为true,记住包装的标签需要fluid布局。