1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>JSXGraph example</title>
<link rel="stylesheet" type="text/css" href="../distrib/jsxgraph.css" />
<script type="text/javascript" src="../distrib/jsxgraphcore.js"></script>
<script type="text/javascript" src="../src/reader/geonext.js"></script>
<script type="text/javascript" src="../src/renderer/canvas.js"></script>
</head>
<body id="body">
<input type="button" id="schalter" onClick="A.remove(); board.fullUpdate()" value="Spur an">
<div id='jxgbox' class='jxgbox' style='width:600px; height:600px;'></div>
<script type='text/javascript'>
//JXG.Options.renderer = 'canvas';
//JXG.Options.grid.snapToGrid = true;
//JXG.Options.axis.visible = false;
//JXG.Options.axis.ticks.drawLabels = true;
//JXG.Options.axis.ticks.drawZero = true;
//JXG.Options.axis.withLabel = false;
//JXG.Options.text.display = 'internal';
/*
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-6,6,6,-6],
axis:false, keepaspectratio:true,
grid:false, showNavigation:true});
*/
/*
JXG.Options.zoom.wheel = false;
JXG.Options.glider = {label:{}};
JXG.Options.point.label = {};
*/
JXG.joinCurves = function(board, parents, attributes) {
var cu1 = parents[0],
cu2 = parents[1],
attr = JXG.copyAttributes(attributes, board.options, 'curve'),
c = board.create('curve', [[0], [0]], attr);
c.updateDataArray = function() {
// The two paths have to be connected
this.dataX = cu1.dataX.slice(0,-1).concat(cu2.dataX);
this.dataY = cu1.dataY.slice(0,-1).concat(cu2.dataY);
if (this.dataX.length<4) {
this.bezierDegree = 1;
} else {
this.bezierDegree = cu1.bezierDegree;
}
};
c.prepareUpdate().update().updateRenderer();
return c;
};
var stempel = function(element) {
element.cloneToBackground();
};
if (false) {
var trace = false;
var board = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-4, 4, 4, -4], axis:false});
var sli = board.create('slider', [[-2,1],[1,1],[0,1,10]]
,{
point1: {visible:true, fixed:false, needsRegularUpdate:true},
point2: {visible:true, fixed:false, needsRegularUpdate:true},
baseline: {visible:true, needsRegularUpdate:true},
ticks: {visible:true, needsRegularUpdate:true}
}
);
/*
sli.point1.moveTo([0,0]);
sli.point2.moveTo([3,0]);
board.fullUpdate();
*/
} else {
brdyy = JXG.JSXGraph.initBoard('jxgbox',{axis:false, boundingbox: [-2, 4.9, 15, 0]});
brdyy.options.text.anchorY = 'top';
brdyy.create("text", [-1.5, 1.5, "<strong>b)</strong>"]);
brdyy.create("text", [-1.5, 3.5, "<strong>a)</strong>"]);
var p11 = brdyy.create("point", [0, 1.2], {fillcolor:'blue', name:''});
var p21 = brdyy.create("point", [0, 3.2], {fillcolor:'blue', name:''});
var p12 = brdyy.create("point", [10, 1.2], {fillcolor:'lightgray', name:'$10$', label:{offset:[-5,20]}});
var p22 = brdyy.create("point", [10, 3.2], {fillcolor:'lightgray', name:'$10$', label:{offset:[-5,20]}});
brdyy.create("segment", [p11,p12], {color:'lightgray', strokewidth:5});
brdyy.create("segment", [p21,p22], {color:'lightgray', strokewidth:5});
var l1 = brdyy.create("segment", [[0,1.2],[15,1.2]], {visible:false});
var l2 = brdyy.create("segment", [[0,3.2],[15,3.2]], {visible:false});
var p13 = brdyy.create("glider", [10, 1.2, l1], {fillcolor:'red', fixed:false, highlight:true, name:'', snapsizex:0.1, snaptogrid:true});
var p23 = brdyy.create("glider", [10, 3.2, l2], {fillcolor:'red', fixed:false, highlight:true, name:'', snapsizex:0.1, snaptogrid:true});
brdyy.create("segment", [p11,p13], {color:'orange', strokewidth:5});
brdyy.create("segment", [p21,p23], {color:'blue', strokewidth:5});
brdyy.create("text", [function() { return p13.X()-0.17;}, 2, function() {
var pos = Math.floor(p13.X()*10)/10;
pos = pos.toString().replace(".",",");
return "$" + pos + "$"; }]);
brdyy.create("text", [function() { return p23.X()-0.17;}, 3.9, function() {
var pos = Math.floor(p23.X()*10)/10;
pos = pos.toString().replace(".",",");
return "$" + pos + "$"; }]);
brdyy.create("text", [7, 4, "PRAVILNO"], {color:'red', opacity:function() {
if(Math.floor(p23.X()*10)/10 == 11.2)
return 1;
else
return 0;
}});
brdyy.create("text", [7, 2.1, "PRAVILNO"], {color:'red', opacity:function() {
if(Math.floor(p13.X()*10)/10 == 11.2)
return 1;
else
return 0;
}});
}
</script>
</body>
</html>
|
