Difference between revisions of "Rotate text"

From JSXGraph Wiki
Jump to navigationJump to search
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
#my_s {
+
#my_t {
 
         -webkit-transform: rotate(-90deg);
 
         -webkit-transform: rotate(-90deg);
 
         -moz-transform: rotate(-90deg);
 
         -moz-transform: rotate(-90deg);
Line 11: Line 11:
 
<jsxgraph>
 
<jsxgraph>
 
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], grid:true});
 
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], grid:true});
var s = brd.create('slider',[[-3,0],[3,0],[0,1,10]], {name:'s', id:'my_s'});
+
var s = brd.create('slider',[[-3,0],[3,0],[0,1,10]], {name:'s'});
var t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}]);
+
var t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}],{id:'my_t');
 
</jsxgraph>
 
</jsxgraph>

Revision as of 11:29, 15 December 2009

Text can be reotated with CSS transformations. In that case JSXGraph text elements have to be realized with HTML div elements, which is the default case.