Intersection of circles - Revision history

TomBerend at 18:46, 18 July 2024

2024-07-18T18:46:54Z

← Older revision		Revision as of 18:46, 18 July 2024
Line 7:		Line 7:
	var c1 = board.create('circle', [[-1, 1.5], 3]);		var c1 = board.create('circle', [[-1, 1.5], 3]);
	var c2 = board.create('circle', [[1, -1.5], 3]);		var c2 = board.create('circle', [[1, -1.5], 3]);
			var clip = board.create('curveintersection', [c1, c2],
	var ~~clip_path~~ = board.create('~~curve~~', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});		{ strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3 });
	~~clip_path.updateDataArray = function() {~~
	~~var a = JXG.Math.Clip.intersection(c1, c2, this.board);~~

	~~this.dataX = a[0];~~
	~~this.dataY = a[1];~~
	};
	~~board.update(~~);

	</jsxgraph>		</jsxgraph>
Line 29:		Line 22:
	var c1 = board.create('circle', [[-1, 1.5], 3]);		var c1 = board.create('circle', [[-1, 1.5], 3]);
	var c2 = board.create('circle', [[1, -1.5], 3]);		var c2 = board.create('circle', [[1, -1.5], 3]);
			var clip = board.create('curveintersection', [c1, c2],
	var ~~clip_path~~ = board.create('~~curve~~', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});		{ strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3 });
	~~clip_path.updateDataArray = function() {~~
	~~var a = JXG.Math.Clip.intersection(c1, c2, this.board);~~

	~~this.dataX = a[0];~~
	~~this.dataY = a[1];~~
	};
	~~board.update(~~);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Geometry]]		[[Category:Geometry]]

A WASSERMANN at 09:39, 28 March 2020

2020-03-28T09:39:26Z

← Older revision		Revision as of 09:39, 28 March 2020
Line 5:		Line 5:
	});		});

	var c1 = board.create('circle', [[-1, 2], 3]);		var c1 = board.create('circle', [[-1, 1.5], 3]);
	var c2 = board.create('circle', [[1, -2], 3]);		var c2 = board.create('circle', [[1, -1.5], 3]);

	var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});		var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
Line 22:		Line 22:

	<source lang="javascript">		<source lang="javascript">
			var board = JXG.JSXGraph.initBoard('jxgbox', {
			axis:true,
			boundingbox:[-5, 5, 5, -5]
			});

			var c1 = board.create('circle', [[-1, 1.5], 3]);
			var c2 = board.create('circle', [[1, -1.5], 3]);

			var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
			clip_path.updateDataArray = function() {
			var a = JXG.Math.Clip.intersection(c1, c2, this.board);

			this.dataX = a[0];
			this.dataY = a[1];
			};
			board.update();
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Geometry]]		[[Category:Geometry]]

A WASSERMANN at 09:38, 28 March 2020

2020-03-28T09:38:55Z

← Older revision		Revision as of 09:38, 28 March 2020
Line 6:		Line 6:

	var c1 = board.create('circle', [[-1, 2], 3]);		var c1 = board.create('circle', [[-1, 2], 3]);
	var c2 = board.create('circle', [[1, 2], 3]);		var c2 = board.create('circle', [[1, -2], 3]);

	var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});		var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});

A WASSERMANN at 09:38, 28 March 2020

2020-03-28T09:38:11Z

← Older revision		Revision as of 09:38, 28 March 2020
Line 2:		Line 2:
	var board = JXG.JSXGraph.initBoard('jxgbox', {		var board = JXG.JSXGraph.initBoard('jxgbox', {
	axis:true,		axis:true,
	boundingbox:[-15, 10, 10, -10]		boundingbox:[-5, 5, 5, -5]
	});		});

A WASSERMANN: Created page with " var board = JXG.JSXGraph.initBoard('jxgbox', { axis:true, boundingbox:[-15, 10, 10, -10] }); var c1 = board.create('c..."

2020-03-28T09:37:45Z

Created page with "<jsxgraph box="jxgbox" width="600" height="600"> var board = JXG.JSXGraph.initBoard('jxgbox', { axis:true, boundingbox:[-15, 10, 10, -10] }); var c1 = board.create('c..."

New page

<jsxgraph box="jxgbox" width="600" height="600">
var board = JXG.JSXGraph.initBoard('jxgbox', {
axis:true,
boundingbox:[-15, 10, 10, -10]
});

var c1 = board.create('circle', [[-1, 2], 3]);
var c2 = board.create('circle', [[1, 2], 3]);

var clip_path = board.create('curve', [[], []], {strokeWidth: 2, fillColor: 'yellow', fillOpacity: 0.3});
clip_path.updateDataArray = function() {
var a = JXG.Math.Clip.intersection(c1, c2, this.board);

this.dataX = a[0];
this.dataY = a[1];
};
board.update();

</jsxgraph>

==The underlying JavaScript code==

<source lang="javascript">
</source>

[[Category:Examples]]
[[Category:Geometry]]