Tangents on circle: Difference between revisions

From JSXGraph Wiki
(New page: <jsxgraph width="600" height="600"> brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]}); m = brd.createElement('point',[0,0]); b = brd.createElement('point',[3,0]); c = brd.cr...)
 
No edit summary
 
(14 intermediate revisions by the same user not shown)
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]});
m = brd.createElement('point',[0,0]);
brd.options.point.strokeColor = 'red';
b = brd.createElement('point',[3,0]);
brd.options.point.fillColor = 'red';
c = brd.createElement('circle',[m,b]);
brd.options.point.strokeOpacity = 0.8;
p = brd.createElement('point',[2,4]);
brd.options.point.fillOpacity = 0.8;
t = brd.createElement('tangent',[c,p]);
 
m = brd.create('point',[0.5,0.3]);
b = brd.create('point',[3,0]);
c = brd.create('circle',[m,b]);
p = brd.create('point',[-4,2]);
 
// If p is not on c, the tangent is the polar.
t = brd.create('tangent', [c,p], {name:'polar', withLabel:true});
 
i1 = brd.create('intersection', [c,t,0],{visible:false});
i2 = brd.create('intersection', [c,t,1],{visible:false});
t1 = brd.create('tangent', [c,i1]);
t2 = brd.create('tangent', [c,i2]);
</jsxgraph>
</jsxgraph>


===The underlying JavaScript code===
===The underlying JavaScript code===
<source lang="javascript">
<source lang="javascript">
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
brd.options.point.strokeColor = 'red';
brd.options.point.fillColor = 'red';
brd.options.point.strokeOpacity = 0.8;
brd.options.point.fillOpacity = 0.8;
m = brd.create('point',[0.5,0.3]);
b = brd.create('point',[3,0]);
c = brd.create('circle',[m,b]);
p = brd.create('point',[-4,2]);
// If p is not on c, the tangent is the polar.
t = brd.create('tangent', [c,p], {name:'polar', withLabel:true});
i1 = brd.create('intersection', [c,t,0],{visible:false});
i2 = brd.create('intersection', [c,t,1],{visible:false});
t1 = brd.create('tangent', [c,i1]);
t2 = brd.create('tangent', [c,i2]);
</source>
</source>


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

Latest revision as of 11:05, 17 March 2020

The underlying JavaScript code

brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
brd.options.point.strokeColor = 'red';
brd.options.point.fillColor = 'red';
brd.options.point.strokeOpacity = 0.8;
brd.options.point.fillOpacity = 0.8;

m = brd.create('point',[0.5,0.3]);
b = brd.create('point',[3,0]);
c = brd.create('circle',[m,b]);
p = brd.create('point',[-4,2]);

// If p is not on c, the tangent is the polar.
t = brd.create('tangent', [c,p], {name:'polar', withLabel:true}); 

i1 = brd.create('intersection', [c,t,0],{visible:false});
i2 = brd.create('intersection', [c,t,1],{visible:false});
t1 = brd.create('tangent', [c,i1]);
t2 = brd.create('tangent', [c,i2]);