user6483684 user6483684 - 9 months ago 62
Javascript Question

curve text straight javascript

i would like to know how I can make curve text straight again using javascript I have tried adjusting the code but nothing seems to work.

radius: 100

radius: 100,
dir: -1


<script src=""></script>
<script src=""></script>
<script src=""></script>

<div id="curveup">
<p id="demo1">Curve Down.</p>
<div id="curvedown">
<p id="demo2">Curve UP.</p>
<div id="norotation">
<p id="demo4">No Rotation.</p>


You can reset the innerText like this if you liked.

$("#demo1").circleType({ radius: 100 });
$("#demo2").circleType({ radius: 100, dir: -1 });

$("#undo").on("click", function(){
  $("#demo1").text( $("#demo1").text() );
  $("#demo2").text( $("#demo2").text() );
  $("#demo4").text( $("#demo4").text() );
<script src=""></script>
<script src=""></script>
<script src=""></script>

<div id="curveup"><p id="demo1">Curve Down.</p></div>
<div id="curvedown"><p id="demo2">Curve UP.</p></div>
<div id="norotation"><p id="demo4">No Rotation.</p></div>

<button id="undo">undo</button>