Intersection of curves II - Revision history

TomBerend: simplified JSX.Math.Clip to use curveintersection

2024-07-18T19:00:12Z

simplified JSX.Math.Clip to use curveintersection

← Older revision		Revision as of 19:00, 18 July 2024
Line 14:		Line 14:
	{strokeColor: 'blue', fillColor: 'red', fillOpacity: 0.3});		{strokeColor: 'blue', fillColor: 'red', fillOpacity: 0.3});

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

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

	board.update();		board.update();
Line 42:		Line 38:
	{strokeColor: 'blue', fillColor: 'red', fillOpacity: 0.3});		{strokeColor: 'blue', fillColor: 'red', fillOpacity: 0.3});

			var clip = board.create('curveintersection', [curve1, curve2],
	var ~~clip_path~~ = board.create('~~curve~~', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});		{strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6 });
	~~clip_path.updateDataArray = function() {~~
	~~var a = JXG.Math.Clip.intersection(curve1, curve2, 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:27, 28 March 2020

2020-03-28T09:27:56Z

@@ Line 28: / Line 28: @@
 <source lang="javascript">
 </source>
 [[Category:Examples]]
 [[Category:Curves]]

A WASSERMANN at 09:27, 28 March 2020

2020-03-28T09:27:30Z

← Older revision		Revision as of 09:27, 28 March 2020
Line 17:		Line 17:
	var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});		var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});
	clip_path.updateDataArray = function() {		clip_path.updateDataArray = function() {
	var a = JXG.Math.Clip.~~greinerHormann~~(curve1, curve2~~, clip_type~~, this.board);		var a = JXG.Math.Clip.intersection(curve1, curve2, this.board);
	this.dataX = a[0];		this.dataX = a[0];
	this.dataY = a[1];		this.dataY = a[1];

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

2020-03-28T09:26:29Z

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

New page

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

var curve1 = board.create('curve', [
[-3, 3, 0, -3],
[3, 3, 0, 3]
],
{strokeColor: 'black', fillColor: 'none', fillOpacity: 0.8});

var curve2 = board.create('polygon', [[3, 4], [-4, 0], [-4, 4]],
{strokeColor: 'blue', fillColor: 'red', fillOpacity: 0.3});

var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});
clip_path.updateDataArray = function() {
var a = JXG.Math.Clip.greinerHormann(curve1, curve2, clip_type, this.board);
this.dataX = a[0];
this.dataY = a[1];
};

board.update();
</jsxgraph>

==The underlying JavaScript code==

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

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