Rotate text: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
No edit summary |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
'''Update:''' This entry is obsolete and superseded by [[Texts and Transformations]]. | |||
Text can be rotated with CSS transformations. In that case JSXGraph text elements have to be realized with HTML div elements, which is the default case. | Text can be rotated with CSS transformations. In that case JSXGraph text elements have to be realized with HTML div elements, which is the default case. | ||
<html> | <html> | ||
| Line 5: | Line 7: | ||
-webkit-transform: rotate(-90deg); | -webkit-transform: rotate(-90deg); | ||
-moz-transform: rotate(-90deg); | -moz-transform: rotate(-90deg); | ||
-o-transform: rotate(-90deg); | |||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
} | } | ||
| Line 20: | Line 23: | ||
-webkit-transform: rotate(-90deg); | -webkit-transform: rotate(-90deg); | ||
-moz-transform: rotate(-90deg); | -moz-transform: rotate(-90deg); | ||
-o-transform: rotate(-90deg); | |||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
} | } | ||
| Line 30: | Line 34: | ||
</source> | </source> | ||
[[Category: | [[Category:Austragungsstueberl]] | ||
Category:Examples | |||
Latest revision as of 12:40, 8 June 2011
Update: This entry is obsolete and superseded by Texts and Transformations.
Text can be rotated with CSS transformations. In that case JSXGraph text elements have to be realized with HTML div elements, which is the default case.
The CSS/JavaScript source code
#my_t {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
The CSS and the JavaScript code is linked via the id my_t of the text element.
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 t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}],{id:'my_t'});
Category:Examples
