커브 텍스트 직선 자바 스크립트

Question

커브 텍스트를 다시 자바 스크립트를 사용하여 똑바로 만들 수있는 방법을 알고 싶습니다. 코드를 조정했지만 아무 것도 작동하지 않는 것 같습니다. 당신이 좋아하는 경우

$("#demo1").circleType({ 
 
    radius: 100 
 
}); 
 

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

 
$("#demo4").circleType(
 
    'none' 
 
);

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 
<script src="http://circletype.labwire.ca/js/circletype.js"></script> 
 
<script src="http://tympanus.net/Development/Arctext/js/jquery.arctext.js"></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>

Answer 1

는이 같은 innerText와를 재설정 할 수 있습니다.

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

 
$("#undo").on("click", function(){ 
 
    $("#demo1").text($("#demo1").text()); 
 
    $("#demo2").text($("#demo2").text()); 
 
    $("#demo4").text($("#demo4").text()); 
 
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 
<script src="http://circletype.labwire.ca/js/circletype.js"></script> 
 
<script src="http://tympanus.net/Development/Arctext/js/jquery.arctext.js"></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>