jQuery Plugin For Flexible & Responsive Curving Text - CircleType.js

jQuery Plugin For Flexible & Responsive Curving Text - CircleType.js
File Size: 54.3 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

CircleType.js is a smart and lightweight jQuery plugin that allows you to arrange each letter of your text along a curved path based on Lettering.js.

Feathers:

  • Auto Radius
  • Custom arc and radius
  • Flexible & Responsive radius based on window size
  • Works well with FitText.js
  • Supports of any font used in your html document

Basic Usage:

1. Include the latest jQuery javascript library and jQuery CircleType.js on your web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="circletype.min.js"></script>

2. Create the text

<div id="demo">YOUR TEXT</div>

3. Call the plugin with options

$('#demo').circleType({radius: 384});

Chang log:

2017-07-25

  • remove silly whitespace

2016-01-13

  • updated the event handling

2014-07-11

  • Fixed letters overlapping if line-height is undefined

2014-07-06

  • adding star button

 


This awesome jQuery plugin is developed by peterhry. For more Advanced Usages, please check the demo page or visit the official website.