Intersection of curves I - Revision history

TomBerend: replaced complicated call to JSX.Math.Clip with simple call to 'curveintersection'

2024-07-18T18:42:38Z

replaced complicated call to JSX.Math.Clip with simple call to 'curveintersection'

← Older revision		Revision as of 18:42, 18 July 2024
Line 12:		Line 12:
	var curve1 = board.create('ellipse', p, {strokeColor: 'black'});		var curve1 = board.create('ellipse', p, {strokeColor: 'black'});

	var curve2 = board.create('curve', [function(phi){return 4 * Math.cos(2*phi); },		var curve2 = board.create('curve', [function(phi){return 4 * Math.cos(2*phi);},
	[0, 0],		[0, 0],
	0, 2 * Math.PI],		0, 2 * Math.PI],
	{curveType:'polar', strokeColor: 'blue', strokewidth:1});		{curveType:'polar', strokeColor: 'blue', strokewidth:1});

			var clip = board.create('curveintersection', [curve1, curve2],
	var ~~clip_path~~ = board.create('~~curve~~', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3});		{ strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3 });
	~~clip_path.updateDataArray = function() {~~
	~~var a = JXG.Math.Clip.intersection(curve2, curve1, this.board);~~

	~~this.dataX = a[0];~~
	~~this.dataY = a[1];~~
	};

	~~board.update(~~);
	</jsxgraph>		</jsxgraph>

Line 49:		Line 41:
	{curveType:'polar', strokeColor: 'blue', strokewidth:1});		{curveType:'polar', strokeColor: 'blue', strokewidth:1});

			var clip = board.create('curveintersection', [curve1, curve2],
			{ strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3 });

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

	~~this.dataX = a[0];~~
	~~this.dataY = a[1];~~
	};

	~~board.update();~~
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 09:23, 28 March 2020

2020-03-28T09:23:26Z

@@ Line 10: / Line 10: @@
 p.push(board.create('point', [-3, 3]));
-var curve1 = board.create('ellipse', p,
+var curve1 = board.create('ellipse', p, {strokeColor: 'black'});
 var curve2 = board.create('curve', [function(phi){return 4 * Math.cos(2*phi); },
@@ Line 29: / Line 28: @@
 board.update();
 </jsxgraph>

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

2020-03-28T08:59:08Z

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

New page

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

var p = [];
p.push(board.create('point', [0, -5]));
p.push(board.create('point', [-5, 0]));
p.push(board.create('point', [-3, 3]));

var curve1 = board.create('ellipse', p,
{strokeColor: 'black'});

var curve2 = board.create('curve', [function(phi){return 4 * Math.cos(2*phi); },
[0, 0],
0, 2 * Math.PI],
{curveType:'polar', strokeColor: 'blue', strokewidth:1});

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

this.dataX = a[0];
this.dataY = a[1];
};

board.update();
</jsxgraph>