如何用arctext.js实现长尾词的弧形文字效果？

本文共计1885个文字，预计阅读时间需要8分钟。

本插件介绍了实现文字平滑曲线效果的工具——arctext.js，分享给家长。例如：+ 形状的文字 + 有时产品大佬就是很任性，说做一个宣传页，一个类似拥抱的效果，每次文字都不一样，但...

本文介绍了实现文字平滑弯曲弧形效果的插件-arctext.js，分享给大家，具体如下：

扇形的文字

有时候产品大佬就是很任性，说做一个宣传页，一个类似拱门的效果，每次文字不一样，但是文字得呈现拱形状，类似上图啦。

尝试自己使用canvas画和css3的rotate旋转div，两种方法都是计算旋转角度的时候很麻烦，因为可能5个字10个字，但是得均匀地呈拱形分布，要知道让每个文字都沿着弯曲路径排布相当的复杂，于是便发现了这个好用的插件---arctext.js

它能够自动计算每个文字正确的旋转角度，并且生成对应的CSS ，其实就是基于css3和jquery，使用起来也很方便。