一、引入
<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布局。