kurve text gerade javascript

Question

ich würde gerne wissen, wie ich kurve text gerade wieder mit javascript machen kann Ich habe versucht, die code aber nichts scheint zu arbeiten.

$("#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

Sie können die Innertext wie folgt zurücksetzen, wenn Sie gern.

$("#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>