Creating geometric elements - Revision history

Michael at 07:48, 9 June 2011

2011-06-09T07:48:20Z

← Older revision		Revision as of 07:48, 9 June 2011
Line 39:		Line 39:
	*Additional properties for an element:		*Additional properties for an element:
	**needsRegularUpdate = [true]/false (eg axis are set to needsRegularUpdate=false) These elements are updated only, if the origin of the board is moved or after zooming		**needsRegularUpdate = [true]/false (eg axis are set to needsRegularUpdate=false) These elements are updated only, if the origin of the board is moved or after zooming
	*Possible parameters:
	~~<source lang~~=~~"javascript">~~
	~~el.setProperty('key1~~:~~value1','key2:value2',~~..~~.);~~		===See our [http://jsxgraph.uni-bayreuth.de/docs Reference] for the properties/attributes available for each element===
	~~el.setProperty([key1:value1~~]~~,[key2:value2],...);~~
	~~el.setProperty({key1:value1, key2:value2},...);~~
	</~~source>~~

A WASSERMANN at 10:41, 17 February 2010

2010-02-17T10:41:01Z

← Older revision		Revision as of 10:41, 17 February 2010
Line 1:		Line 1:
	Through the variable board new geometry elements can be added to the board. All elements are added with the method ~~createElement~~():		Through the variable board new geometry elements can be added to the board. All elements are added with the method create():
	<source lang="javascript">		<source lang="javascript">
	board.~~createElement~~('point', [1,3], {name:'A', strokecolor:'red'});		board.create('point', [1,3], {name:'A', strokecolor:'red'});
	</source>		</source>
	Another example:		Another example:
	<source lang="javascript">		<source lang="javascript">
	board.~~createElement~~('point', [function(){return s.X();},function(){return t.X()}], {trace:true});		board.create('point', [function(){return s.X();},function(){return t.X()}], {trace:true});
	</source>		</source>
	The parameters of ~~createElement~~() are:		The parameters of create() are:
	<source lang="javascript">		<source lang="javascript">
	board.~~createElement~~(elementType, parentElements, attributes);		board.create(elementType, parentElements, attributes);
	</source>		</source>
	where		where

132.180.198.9 at 12:38, 17 September 2008

2008-09-17T12:38:21Z

← Older revision		Revision as of 12:38, 17 September 2008
Line 20:		Line 20:
	{key1:value1, key2:value2, ...}		{key1:value1, key2:value2, ...}
	</source>		</source>
			[[Point]] is an easy example.
	*Properties of a point:		*Properties of a point:
	**style		**style

132.180.198.9 at 12:36, 17 September 2008

2008-09-17T12:36:07Z

← Older revision		Revision as of 12:36, 17 September 2008
Line 13:		Line 13:
	where		where
	*elementType is a string containing the type of the element which is constructed. At the moment, possible types are:		*elementType is a string containing the type of the element which is constructed. At the moment, possible types are:
	**[[primitive elements]]		**[[primitive elements]] like points and lines
	**composite elements:		**[[composite elements]] like bisectors, midpoints
	***arrowparallel
	***bisector
	***circumcircle
	***circumcirclemidpoint
	***integral
	***midpoint
	***mirrorpoint
	***normal
	***parallel
	***parallelpoint
	***perpendicular
	***perpendicularpoint
	***reflection
	*parentElements is an array containing the parameters which define the element. This can be parent elements like two points which define a line. It can also consist of JavaScript functions, numbers, and strings containing GEONExT syntax. The possible array elements depend on the element type.		*parentElements is an array containing the parameters which define the element. This can be parent elements like two points which define a line. It can also consist of JavaScript functions, numbers, and strings containing GEONExT syntax. The possible array elements depend on the element type.
	*attributes is a JavaScript object. Usually it is given in the "literal object" form		*attributes is a JavaScript object. Usually it is given in the "literal object" form

132.180.198.9 at 12:34, 17 September 2008

2008-09-17T12:34:37Z

@@ Line 13: / Line 13: @@
 where
 *elementType is a string containing the type of the element which is constructed. At the moment, possible types are:
-**primitive elements:
+**[[primitive elements]]
 **composite elements:
 ***arrowparallel

132.180.198.9 at 09:15, 17 September 2008

2008-09-17T09:15:53Z

← Older revision		Revision as of 09:15, 17 September 2008
Line 14:		Line 14:
	*elementType is a string containing the type of the element which is constructed. At the moment, possible types are:		*elementType is a string containing the type of the element which is constructed. At the moment, possible types are:
	**primitive elements:		**primitive elements:
	***angle		***[[angle]]
	***arc		***[[arc]]
	***arrow		***[[arrow]]
	***circle		***[[circle]]
	***curve		***[[curve]]
	***group		***[[group]]
	***line		***[[line]]
	***point		***[[point]]
	***polygon		***[[polygon]]
	***sector		***[[sector]]
	***text		***[[text]]
	***transform		***[[transform]]
	**composite elements:		**composite elements:
	***arrowparallel		***arrowparallel

132.180.198.9: New page: Through the variable board new geometry elements can be added to the board. All elements are added with the method createElement(): board.createElement('point', [1,3], {n...

2008-09-16T08:22:02Z

New page: Through the variable board new geometry elements can be added to the board. All elements are added with the method createElement(): <source lang="javascript"> board.createElement('point', [1,3], {n...

New page

Through the variable board new geometry elements can be added to the board. All elements are added with the method createElement():
<source lang="javascript">
board.createElement('point', [1,3], {name:'A', strokecolor:'red'});
</source>
Another example:
<source lang="javascript">
board.createElement('point', [function(){return s.X();},function(){return t.X()}], {trace:true});
</source>
The parameters of createElement() are:
<source lang="javascript">
board.createElement(elementType, parentElements, attributes);
</source>
where
*elementType is a string containing the type of the element which is constructed. At the moment, possible types are:
**primitive elements:
***angle
***arc
***arrow
***circle
***curve
***group
***line
***point
***polygon
***sector
***text
***transform
**composite elements:
***arrowparallel
***bisector
***circumcircle
***circumcirclemidpoint
***integral
***midpoint
***mirrorpoint
***normal
***parallel
***parallelpoint
***perpendicular
***perpendicularpoint
***reflection
*parentElements is an array containing the parameters which define the element. This can be parent elements like two points which define a line. It can also consist of JavaScript functions, numbers, and strings containing GEONExT syntax. The possible array elements depend on the element type.
*attributes is a JavaScript object. Usually it is given in the "literal object" form
<source lang="javascript">
{key1:value1, key2:value2, ...}
</source>
*Properties of a point:
**style
**strokeColor
**strokeWidth
**fillColor
**highlightStrokeColor
**highlightFillColor
**labelColor
**visible
**fixed
**draft
**trace
*Additional properties of a line:
**straightFirst
**straightLast
There are no additional properties of a circle
*Additional properties for an element:
**needsRegularUpdate = [true]/false (eg axis are set to needsRegularUpdate=false) These elements are updated only, if the origin of the board is moved or after zooming
*Possible parameters:
<source lang="javascript">
el.setProperty('key1:value1','key2:value2',...);
el.setProperty([key1:value1],[key2:value2],...);
el.setProperty({key1:value1, key2:value2},...);
</source>