Rotate text: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
Line 2: | Line 2: | ||
<html> | <html> | ||
<style> | <style> | ||
# | #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 | 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 10: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.