文字弯曲

文字弯曲

一、引入

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

二、使用

• HTML结构

<h3 id="title">文字弯文字弯文字弯</h3>

• 初始化

$("#title").arctext({
    radius:180
})

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

三、参数

• radius：弯曲度数，最小的值是文字长度，如果设置为-1，则显示直线。

• rotate：默认true，为false则不旋转文字

• dir：默认1，1：向下弯曲 非1（-1,0,2等）：向上弯曲

• fitText：默认false,如果你想尝试使用fitText插件，设置为true，记住包装的标签需要fluid布局。