Point - Revision history

A WASSERMANN at 12:06, 6 August 2020

2020-08-06T12:06:13Z

← Older revision		Revision as of 12:06, 6 August 2020
Line 82:		Line 82:
	A property of an element may also be set after creating it. In the above example we set the property fixed of the last point, P_12, to true. I.e. the point is no longer draggable.		A property of an element may also be set after creating it. In the above example we set the property fixed of the last point, P_12, to true. I.e. the point is no longer draggable.
	<source lang="javascript">		<source lang="javascript">
	p.~~setProperty~~({fixed:true});		p.setAttribute({fixed:true});
	</source>		</source>

A WASSERMANN: /* Construction of a free point */

2016-05-06T11:19:40Z

Construction of a free point

← Older revision		Revision as of 11:19, 6 May 2016
Line 6:		Line 6:
	<script type="text/javascript">		<script type="text/javascript">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});
	var p = board.create('point',[1,1]);		var p = board.create('point',[-3,1]);
	</script>		</script>
	</source>		</source>
Line 13:		Line 13:
	<jsxgraph box="jxgbox" width="500" height="200">		<jsxgraph box="jxgbox" width="500" height="200">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-5, 2, 5, -2]});
	var p = board.createElement('point',[1,1]);		var p = board.createElement('point',[-3,1]);
	</jsxgraph>		</jsxgraph>

Michael at 15:16, 28 August 2011

2011-08-28T15:16:29Z

← Older revision		Revision as of 15:16, 28 August 2011
Line 71:		Line 71:
	<source lang="javascript">		<source lang="javascript">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {boundingbox: [-1, 2.5, 14, -2.5]});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {boundingbox: [-1, 2.5, 14, -2.5]});
	b3b.create('point',[1,0], {face:'o'}, size:1);		b3b.create('point',[1,0], {face:'o', size:1});
	b3b.create('point',[2,0], {face:'o'}, size:2);		b3b.create('point',[2,0], {face:'o', size:2});
	b3b.create('point',[3,0], {face:'o'}, size:4);		b3b.create('point',[3,0], {face:'o', size:4});
	b3b.create('point',[5,0], {face:'o'}, size:8);		b3b.create('point',[5,0], {face:'o', size:8});
	b3b.create('point',[7,0], {face:'o'}, size:16);		b3b.create('point',[7,0], {face:'o', size:16});
	b3b.create('point',[10,0], {face:'o'}, size:32);		b3b.create('point',[10,0], {face:'o', size:32});
	</source>		</source>

Michael at 11:13, 8 June 2011

2011-06-08T11:13:18Z

Show changes

A WASSERMANN at 11:22, 12 March 2010

2010-03-12T11:22:18Z

← Older revision		Revision as of 11:22, 12 March 2010
Line 30:		Line 30:
	</jsxgraph>		</jsxgraph>

	=== Point styles===		=== Point styles (deprecated)===

	The property type of a point can attain the values 0..12. Alternatively you can use these equivalent constants for that:		The property type of a point can attain the values 0..12. Alternatively you can use these equivalent constants for that:
Line 79:		Line 79:
	p.setProperty({fixed:true});		p.setProperty({fixed:true});
	</jsxgraph>		</jsxgraph>
	=== Point faces===		=== Point faces and sizes===
	Meanwhile point style is superseded by the attributes ''face'' and ''size'', which allow a better control of the display of points.		Meanwhile point style is superseded by the attributes ''face'' and ''size'', which allow a better control of the display of points.
	<jsxgraph box="jxgbox3a" width="600px" height="200px">		<jsxgraph box="jxgbox3a" width="600px" height="200px">

A WASSERMANN at 11:21, 12 March 2010

2010-03-12T11:21:28Z

← Older revision		Revision as of 11:21, 12 March 2010
Line 110:		Line 110:
	<jsxgraph box="jxgbox3b" width="600px" height="200px">		<jsxgraph box="jxgbox3b" width="600px" height="200px">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});
			b3b.create('point',[1,0], {face:'o', size:1});
			b3b.create('point',[2,0], {face:'o', size:2});
			b3b.create('point',[3,0], {face:'o', size:4});
			b3b.create('point',[5,0], {face:'o', size:8});
			b3b.create('point',[7,0], {face:'o', size:16});
			b3b.create('point',[10,0], {face:'o', size:32});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:20, 12 March 2010

2010-03-12T11:20:44Z

← Older revision		Revision as of 11:20, 12 March 2010
Line 110:		Line 110:
	<jsxgraph box="jxgbox3b" width="600px" height="200px">		<jsxgraph box="jxgbox3b" width="600px" height="200px">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	~~b3b.create('point',[1,0], {face:'o'}, size:1);~~
	~~b3b.create('point',[2,0], {face:'o'}, size:2);~~
	~~b3b.create('point',[3,0], {face:'o'}, size:4);~~
	~~b3b.create('point',[5,0], {face:'o'}, size:8);~~
	~~b3b.create('point',[7,0], {face:'o'}, size:16);~~
	~~b3b.create('point',[10,0], {face:'o'}, size:32);~~
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:19, 12 March 2010

2010-03-12T11:19:47Z

← Older revision		Revision as of 11:19, 12 March 2010
Line 107:		Line 107:
	</source>		</source>

	The size can be controlled~~, too~~.		The size of the points can be controlled independently.
	<jsxgraph box="jxgbox3b" width="600px" height="200px">		<jsxgraph box="jxgbox3b" width="600px" height="200px">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});
Line 117:		Line 117:
	b3b.create('point',[10,0], {face:'o'}, size:32);		b3b.create('point',[10,0], {face:'o'}, size:32);
	</jsxgraph>		</jsxgraph>

			<source lang="javascript">
			var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});
			b3b.create('point',[1,0], {face:'o'}, size:1);
			b3b.create('point',[2,0], {face:'o'}, size:2);
			b3b.create('point',[3,0], {face:'o'}, size:4);
			b3b.create('point',[5,0], {face:'o'}, size:8);
			b3b.create('point',[7,0], {face:'o'}, size:16);
			b3b.create('point',[10,0], {face:'o'}, size:32);
			</source>

	=== Fixed points===		=== Fixed points===

A WASSERMANN: /* Point faces */

2010-03-12T11:17:56Z

Point faces

← Older revision		Revision as of 11:17, 12 March 2010
Line 85:		Line 85:
	b3a.create('point',[1,0], {face:'o'}); // or circle		b3a.create('point',[1,0], {face:'o'}); // or circle
	b3a.create('point',[2,0], {face:'[]'}); // or square		b3a.create('point',[2,0], {face:'[]'}); // or square
	b3a.create('point',[2,0], {face:'x'}); // or cross		b3a.create('point',[3,0], {face:'x'}); // or cross
	b3a.create('point',[3,0], {face:'+'}); // or plus		b3a.create('point',[4,0], {face:'+'}); // or plus
	b3a.create('point',[4,0], {face:'A'}); // or triangleUp		b3a.create('point',[5,0], {face:'A'}); // or triangleUp
	b3a.create('point',[5,0], {face:'v'}); // or triangleDown		b3a.create('point',[6,0], {face:'v'}); // or triangleDown
	b3a.create('point',[6,0], {face:'>'}); // or triangleLeft		b3a.create('point',[7,0], {face:'>'}); // or triangleLeft
	b3a.create('point',[7,0], {face:'<'}); // or triangleRight		b3a.create('point',[8,0], {face:'<'}); // or triangleRight
	b3a.create('point',[8,0], {face:'<>'}); // or diamond		b3a.create('point',[9,0], {face:'<>'}); // or diamond
	</jsxgraph>		</jsxgraph>

Line 107:		Line 107:
	</source>		</source>

			The size can be controlled, too.
	<jsxgraph box="jxgbox3b" width="600px" height="200px">		<jsxgraph box="jxgbox3b" width="600px" height="200px">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});

A WASSERMANN: /* Point faces */

2010-03-12T11:16:39Z

Point faces

← Older revision		Revision as of 11:16, 12 March 2010
Line 98:		Line 98:
	b3a.create('point',[1,0], {face:'o'}); // or circle		b3a.create('point',[1,0], {face:'o'}); // or circle
	b3a.create('point',[2,0], {face:'[]'}); // or square		b3a.create('point',[2,0], {face:'[]'}); // or square
	b3a.create('point',[2,0], {face:'x'}); // or cross		b3a.create('point',[3,0], {face:'x'}); // or cross
	b3a.create('point',[3,0], {face:'+'}); // or plus		b3a.create('point',[4,0], {face:'+'}); // or plus
	b3a.create('point',[4,0], {face:'A'}); // or triangleUp		b3a.create('point',[5,0], {face:'A'}); // or triangleUp
	b3a.create('point',[5,0], {face:'v'}); // or triangleDown		b3a.create('point',[6,0], {face:'v'}); // or triangleDown
	b3a.create('point',[6,0], {face:'>'}); // or triangleLeft		b3a.create('point',[7,0], {face:'>'}); // or triangleLeft
	b3a.create('point',[7,0], {face:'<'}); // or triangleRight		b3a.create('point',[8,0], {face:'<'}); // or triangleRight
	b3a.create('point',[8,0], {face:'<>'}); // or diamond		b3a.create('point',[9,0], {face:'<>'}); // or diamond
	</source>		</source>

	<jsxgraph box="jxgbox3b" width="600px" height="200px">		<jsxgraph box="jxgbox3b" width="600px" height="200px">
	var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});		var b3b = JXG.JSXGraph.initBoard('jxgbox3b', {originX: 40, originY: 100, unitX: 40, unitY: 40});
	~~b3a~~.create('point',[1,0], {face:'o'}, size:1);		b3b.create('point',[1,0], {face:'o'}, size:1);
	~~b3a~~.create('point',[2,0], {face:'o'}, size:2);		b3b.create('point',[2,0], {face:'o'}, size:2);
	~~b3a~~.create('point',[3,0], {face:'o'}, size:4);		b3b.create('point',[3,0], {face:'o'}, size:4);
	~~b3a~~.create('point',[5,0], {face:'o'}, size:8);		b3b.create('point',[5,0], {face:'o'}, size:8);
	~~b3a~~.create('point',[7,0], {face:'o'}, size:16);		b3b.create('point',[7,0], {face:'o'}, size:16);
	~~b3a~~.create('point',[10,0], {face:'o'}, size:32);		b3b.create('point',[10,0], {face:'o'}, size:32);
	</jsxgraph>		</jsxgraph>