groups question (0.94)

by migerh

HTML

<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph,css"></script>
<div id="box"></div>

CSS

#box {
    width:300px;
    height:300px;
    margin: 0 4em 1em 0;
    float: left;
}

JavaScript

var board = JXG.JSXGraph.initBoard('box', {
        boundingbox: [-4,4,4,-4], 
        keepaspectratio: true, 
    });
var cirkel = board.create('circle',[[0,0],[3,0]]);
var M = board.create('point',[0,0],{name:'M',fixed:true, label: {offsets: [-20, 20]}});

var A = board.create('glider',[-2,-1,cirkel],{name:'A', label: {offsets: [-20, 20]}});

var B = board.create('glider',[2,-1,cirkel],{name:'B'});
var boogAB = board.create('arc', [M, B, A],{visible:false});
var C = board.create('glider',[1,3,boogAB],{name:'C'});
board.create('segment', [A, M]);
board.create('segment', [B, M]);
board.create('segment', [B, C]);
board.create('segment', [A, C]);
board.create('angle',[A,C,B],{radius:.5, name:function() { 
   return JXG.Math.Geometry.trueAngle(A,C,B).toFixed(1) + "&deg;"; 
} });
board.create('angle',[A,M,B],{radius:.5, color: 'blue', name: function() { 
   return JXG.Math.Geometry.trueAngle(A,M,B).toFixed(1) + "&deg;"; }});