fidel fidel - 1 year ago 113
CSS Question

curving text inside a div

$().ready(function() {
$('#demo1').circleType({fitText:true, radius: 180}); });
$().ready(function() {
$('#example').arctext({radius: 250});

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>

<div id="example">Here is curved text dmsdodsfnfsadknsdf></div>

<div id="demo1"> Here’s some curved text flowing clockwise.</div>

hello i was wondering if its possible to curve text inside a div using a button something like this enter image description here

enter image description here

enter image description here

Answer Source

Your code shows that you're trying to use 2 different libraries: ArcText ( and CircleType ( You'll need to reference jQuery, ArcText, and Circletype libraries.

You should download both ArcText and Circletype to reference locally like this:

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

Then your JavaScript will run fine:

  $('#demo1').circleType( {fitText:true, radius: 180} );
  $('#example').arctext( {radius: 250} );

JSFiddle Demo: