Circle inversion - Revision history

A WASSERMANN at 08:01, 15 May 2010

2010-05-15T08:01:44Z

← Older revision		Revision as of 08:01, 15 May 2010
Line 8:		Line 8:
	var b1 = brd.create('point',[-4,3],{name:'C_1'});		var b1 = brd.create('point',[-4,3],{name:'C_1'});
	var c1 = brd.create('circle',[m1,b1]);		var c1 = brd.create('circle',[m1,b1]);
	var p = brd.create('glider',[-4,1,c1],{name:'P'});		var p = brd.create('glider',[-4,1,c1],{name:'P [drag me]'});

	var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
Line 24:		Line 24:
	var b1 = brd.create('point',[-4,3],{name:'C_1'});		var b1 = brd.create('point',[-4,3],{name:'C_1'});
	var c1 = brd.create('circle',[m1,b1]);		var c1 = brd.create('circle',[m1,b1]);
	var p = brd.create('glider',[-4,1,c1],{name:'P'});		var p = brd.create('glider',[-4,1,c1],{name:'P [drag me]'});

	var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});

A WASSERMANN at 16:38, 21 April 2010

2010-04-21T16:38:41Z

← Older revision		Revision as of 16:38, 21 April 2010
Line 1:		Line 1:
	The point <math>P'</math> is the result of a circle inversion of <math>P</math> on circle <math>c</math> (black circle line).		The point <math>P'</math> is the result of a circle inversion of <math>P</math> on circle <math>c</math> (black circle line).
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
	var m = brd.create('point',[0.5,0.3],{name:'M'});		var m = brd.create('point',[0.5,0.3],{name:'M'});
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b],{strokeColor:'black'name:'c'});		var c = brd.create('circle',[m,b],{strokeColor:'black',name:'c'});
	var m1 = brd.create('point',[-4,2],{name:'M_1'});		var m1 = brd.create('point',[-4,2],{name:'M_1'});
	var b1 = brd.create('point',[-4,3],{name:'C_1'});		var b1 = brd.create('point',[-4,3],{name:'C_1'});
Line 10:		Line 10:
	var p = brd.create('glider',[-4,1,c1],{name:'P'});		var p = brd.create('glider',[-4,1,c1],{name:'P'});

	~~// If p is not on c, the tangent is the polar.~~		var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var t = brd.create('~~tangent~~', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
	var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true, trace:true});		var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true, trace:true});
Line 18:		Line 17:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
			var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
			var m = brd.create('point',[0.5,0.3],{name:'M'});
			var b = brd.create('point',[3,0]);
			var c = brd.create('circle',[m,b],{strokeColor:'black',name:'c'});
			var m1 = brd.create('point',[-4,2],{name:'M_1'});
			var b1 = brd.create('point',[-4,3],{name:'C_1'});
			var c1 = brd.create('circle',[m1,b1]);
			var p = brd.create('glider',[-4,1,c1],{name:'P'});

			var t = brd.create('polar', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
			var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
			var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true, trace:true});
	</source>		</source>

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

A WASSERMANN at 16:38, 21 April 2010

2010-04-21T16:38:02Z

← Older revision		Revision as of 16:38, 21 April 2010
Line 1:		Line 1:
			The point <math>P'</math> is the result of a circle inversion of <math>P</math> on circle <math>c</math> (black circle line).
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
	var m = brd.create('point',[0.5,0.3],{name:'M'});		var m = brd.create('point',[0.5,0.3],{name:'M'});
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b],{strokeColor:'black'});		var c = brd.create('circle',[m,b],{strokeColor:'black'name:'c'});
	var m1 = brd.create('point',[-4,2],{name:'M_1'});		var m1 = brd.create('point',[-4,2],{name:'M_1'});
	var b1 = brd.create('point',[-4,3],{name:'C_1'});		var b1 = brd.create('point',[-4,3],{name:'C_1'});

A WASSERMANN at 16:35, 21 April 2010

2010-04-21T16:35:46Z

← Older revision		Revision as of 16:35, 21 April 2010
Line 3:		Line 3:
	var m = brd.create('point',[0.5,0.3],{name:'M'});		var m = brd.create('point',[0.5,0.3],{name:'M'});
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b]);		var c = brd.create('circle',[m,b],{strokeColor:'black'});
	var m1 = brd.create('point',[-4,2],{name:'M_1'});		var m1 = brd.create('point',[-4,2],{name:'M_1'});
	var b1 = brd.create('point',[-4,3],{name:'C_1'});		var b1 = brd.create('point',[-4,3],{name:'C_1'});
Line 12:		Line 12:
	var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
	var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true});		var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true, trace:true});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 16:35, 21 April 2010

2010-04-21T16:35:00Z

← Older revision		Revision as of 16:35, 21 April 2010
Line 1:		Line 1:
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
	var m = brd.create('point',[0.5,0.3]);		var m = brd.create('point',[0.5,0.3],{name:'M'});
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b]);		var c = brd.create('circle',[m,b]);
	var p = brd.create('point',[-4,2],{name:'P'});		var m1 = brd.create('point',[-4,2],{name:'M_1'});
			var b1 = brd.create('point',[-4,3],{name:'C_1'});
			var c1 = brd.create('circle',[m1,b1]);
			var p = brd.create('glider',[-4,1,c1],{name:'P'});

	// If p is not on c, the tangent is the polar.		// If p is not on c, the tangent is the polar.

A WASSERMANN at 16:33, 21 April 2010

2010-04-21T16:33:11Z

← Older revision		Revision as of 16:33, 21 April 2010
Line 9:		Line 9:
	var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
	var s = brd.create('intersection', [l,t], {name:"P'", withLabel:true});		var s = brd.create('intersection', [l,t,0], {name:"P'", withLabel:true});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 16:32, 21 April 2010

2010-04-21T16:32:57Z

← Older revision		Revision as of 16:32, 21 April 2010
Line 4:		Line 4:
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b]);		var c = brd.create('circle',[m,b]);
	var p = brd.create('point',[-4,2],{name:'P');		var p = brd.create('point',[-4,2],{name:'P'});

	// If p is not on c, the tangent is the polar.		// If p is not on c, the tangent is the polar.

A WASSERMANN at 16:32, 21 April 2010

2010-04-21T16:32:46Z

← Older revision		Revision as of 16:32, 21 April 2010
Line 4:		Line 4:
	var b = brd.create('point',[3,0]);		var b = brd.create('point',[3,0]);
	var c = brd.create('circle',[m,b]);		var c = brd.create('circle',[m,b]);
	var p = brd.create('point',[-4,2]);		var p = brd.create('point',[-4,2],{name:'P');

	// If p is not on c, the tangent is the polar.		// If p is not on c, the tangent is the polar.
	var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
	var s = brd.create('intersection', [l,s], {name:"p'", withLabel:true});		var s = brd.create('intersection', [l,t], {name:"P'", withLabel:true});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 16:31, 21 April 2010

2010-04-21T16:31:58Z

← Older revision		Revision as of 16:31, 21 April 2010
Line 9:		Line 9:
	var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
	var s = brd.create('intersection', [l,s,0], {name:"p'", withLabel:true});		var s = brd.create('intersection', [l,s], {name:"p'", withLabel:true});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 16:31, 21 April 2010

2010-04-21T16:31:23Z

← Older revision		Revision as of 16:31, 21 April 2010
Line 9:		Line 9:
	var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});		var t = brd.create('tangent', [c,p], {name:'polar', withLabel:true, strokeColor:'gray', dash:2});
	var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});		var l = brd.create('line', [m,p], {name:'', withLabel:false, strokeColor:'gray', dash:2});
			var s = brd.create('intersection', [l,s,0], {name:"p'", withLabel:true});
	</jsxgraph>		</jsxgraph>