Rotate text - Revision history

Michael at 12:40, 8 June 2011

2011-06-08T12:40:41Z

← Older revision		Revision as of 12:40, 8 June 2011
Line 34:		Line 34:
	</source>		</source>

	Category:Austragungsstueberl		[[Category:Austragungsstueberl]]
	Category:Examples		Category:Examples

2011-06-08T12:40:35Z

← Older revision		Revision as of 12:40, 8 June 2011
Line 34:		Line 34:
	</source>		</source>

	[[Category:Examples]]		Category:Austragungsstueberl
			Category:Examples

2011-01-02T13:04:51Z

← Older revision		Revision as of 13:04, 2 January 2011
Line 1:		Line 1:
	'''Update:''' This entry is superseded by [[Texts and Transformations]].		'''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.

2011-01-02T13:04:29Z

← Older revision		Revision as of 13:04, 2 January 2011
Line 1:		Line 1:
			'''Update:''' This entry is 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>

2009-12-23T17:00:39Z

← Older revision		Revision as of 17:00, 23 December 2009
Line 5:		Line 5:
	-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 21:
	-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);
	}		}

2009-12-15T10:32:11Z

← Older revision		Revision as of 10:32, 15 December 2009
Line 23:		Line 23:
	}		}
	</source>		</source>
	The CSS and the JavaScript code is linked via the id ''my_t'' of the text element		The CSS and the JavaScript code is linked via the id ''my_t'' of the text element.
	<source lang="javascript">		<source lang="javascript">
	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});

2009-12-15T10:31:58Z

← Older revision		Revision as of 10:31, 15 December 2009
Line 23:		Line 23:
	}		}
	</source>		</source>
			The CSS and the JavaScript code is linked via the id ''my_t'' of the text element
	<source lang="javascript">		<source lang="javascript">
	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});

2009-12-15T10:30:45Z

← Older revision		Revision as of 10:30, 15 December 2009
Line 14:		Line 14:
	var t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}],{id:'my_t'});		var t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}],{id:'my_t'});
	</jsxgraph>		</jsxgraph>

			===The CSS/JavaScript source code===
			<source lang="css">
			#my_t {
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			}
			</source>

			<source lang="javascript">
			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'});
			</source>

			[[Category:Examples]]

2009-12-15T10:29:25Z

← Older revision		Revision as of 10:29, 15 December 2009
Line 1:		Line 1:
	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.		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>
	<style>		<style>
Line 12:		Line 12:
	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);}],{id:'my_t');		var t = brd.create('text',[0,2,function(){return 'text = '+s.Value().toFixed(3);}],{id:'my_t'});
	</jsxgraph>		</jsxgraph>

2009-12-15T10:29:05Z

← Older revision		Revision as of 10:29, 15 December 2009
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>