Difference between revisions of "Five Circle Theorem"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
Line 7: | Line 7: | ||
var j = []; | var j = []; | ||
− | p[0] = brd. | + | p[0] = brd.create('point',[-2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[1] = brd. | + | p[1] = brd.create('point',[-0,4],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[2] = brd. | + | p[2] = brd.create('point',[2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[3] = brd. | + | p[3] = brd.create('point',[-4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[4] = brd. | + | p[4] = brd.create('point',[4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | l[k] = brd. | + | l[k] = brd.create('segment',[p[k],p[(k+1)%5]],{strokeColor:'black',strokeWidth:1}); |
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | i[k] = brd. | + | i[k] = brd.create('point',[brd.intersection(l[k],l[(k+2)%5],0)],{name:'',strokeColor:'#EAEA00',fillColor:'#EAEA00'}); |
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | c[k] = brd. | + | c[k] = brd.create('circumcircle',[p[k],i[k],i[(k+2)%5]],{}); |
c[k][1].setProperty({strokeColor:'gray',strokeWidth:1}); | c[k][1].setProperty({strokeColor:'gray',strokeWidth:1}); | ||
c[k][0].setProperty({visible:false}); | c[k][0].setProperty({visible:false}); | ||
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | j[k] = brd. | + | j[k] = brd.create('point',[brd.intersection(c[k][1],c[(k+2)%5][1],0)],{name:'',strokeColor:'#EA0000',fillColor:'#EA0000'}); |
} | } | ||
− | cc = brd. | + | cc = brd.create('circumcircle',[j[0],j[2],j[3]],{}); |
cc[1].setProperty({strokeColor:'red',strokeWidth:2}); | cc[1].setProperty({strokeColor:'red',strokeWidth:2}); | ||
cc[0].setProperty({strokeColor:'#000000',fillColor:'#000000',style:3}); | cc[0].setProperty({strokeColor:'#000000',fillColor:'#000000',style:3}); | ||
Line 46: | Line 46: | ||
var j = []; | var j = []; | ||
− | p[0] = brd. | + | p[0] = brd.create('point',[-2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[1] = brd. | + | p[1] = brd.create('point',[-0,4],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[2] = brd. | + | p[2] = brd.create('point',[2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[3] = brd. | + | p[3] = brd.create('point',[-4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
− | p[4] = brd. | + | p[4] = brd.create('point',[4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'}); |
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | l[k] = brd. | + | l[k] = brd.create('segment',[p[k],p[(k+1)%5]],{strokeColor:'black',strokeWidth:1}); |
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | i[k] = brd. | + | i[k] = brd.create('point',[brd.intersection(l[k],l[(k+2)%5],0)],{name:'',strokeColor:'#EAEA00',fillColor:'#EAEA00'}); |
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | c[k] = brd. | + | c[k] = brd.create('circumcircle',[p[k],i[k],i[(k+2)%5]],{}); |
c[k][1].setProperty({strokeColor:'gray',strokeWidth:1}); | c[k][1].setProperty({strokeColor:'gray',strokeWidth:1}); | ||
c[k][0].setProperty({visible:false}); | c[k][0].setProperty({visible:false}); | ||
} | } | ||
for (k=0;k<5;k++) { | for (k=0;k<5;k++) { | ||
− | j[k] = brd. | + | j[k] = brd.create('point',[brd.intersection(c[k][1],c[(k+2)%5][1],0)],{name:'',strokeColor:'#EA0000',fillColor:'#EA0000'}); |
} | } | ||
− | cc = brd. | + | cc = brd.create('circumcircle',[j[0],j[2],j[3]],{}); |
cc[1].setProperty({strokeColor:'red',strokeWidth:2}); | cc[1].setProperty({strokeColor:'red',strokeWidth:2}); | ||
cc[0].setProperty({strokeColor:'#000000',fillColor:'#000000',style:3}); | cc[0].setProperty({strokeColor:'#000000',fillColor:'#000000',style:3}); |
Revision as of 16:51, 12 March 2010
The underlying JavaScript code
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5]});
var p = [];
var l = [];
var i = [];
var c = [];
var j = [];
p[0] = brd.create('point',[-2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'});
p[1] = brd.create('point',[-0,4],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'});
p[2] = brd.create('point',[2.5,-3],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'});
p[3] = brd.create('point',[-4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'});
p[4] = brd.create('point',[4,0],{name:'',strokeColor:'#7355ff',fillColor:'#7355ff'});
for (k=0;k<5;k++) {
l[k] = brd.create('segment',[p[k],p[(k+1)%5]],{strokeColor:'black',strokeWidth:1});
}
for (k=0;k<5;k++) {
i[k] = brd.create('point',[brd.intersection(l[k],l[(k+2)%5],0)],{name:'',strokeColor:'#EAEA00',fillColor:'#EAEA00'});
}
for (k=0;k<5;k++) {
c[k] = brd.create('circumcircle',[p[k],i[k],i[(k+2)%5]],{});
c[k][1].setProperty({strokeColor:'gray',strokeWidth:1});
c[k][0].setProperty({visible:false});
}
for (k=0;k<5;k++) {
j[k] = brd.create('point',[brd.intersection(c[k][1],c[(k+2)%5][1],0)],{name:'',strokeColor:'#EA0000',fillColor:'#EA0000'});
}
cc = brd.create('circumcircle',[j[0],j[2],j[3]],{});
cc[1].setProperty({strokeColor:'red',strokeWidth:2});
cc[0].setProperty({strokeColor:'#000000',fillColor:'#000000',style:3});