Restrict points to limited area: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
Restrict the points A, B, and C to the lower left quadrant. | |||
<jsxgraph width="600" height="600"> | <jsxgraph width="600" height="600"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); | ||
var A = brd.create('point', [-1,-1], {name:'A'}); | var A = brd.create('point', [-1,-1], {name:'A'}); | ||
var B = brd.create('point', [-3, | var B = brd.create('point', [-3, -3], {name:'B'}); | ||
var C = brd.create('point', [ | var C = brd.create('point', [ -2, 0], {name:'C'}); | ||
brd.on(' | brd.on('move', function() { | ||
var list = [A, B, C], i; | var list = [A, B, C], i; | ||
brd.suspendUpdate(); | |||
for (i = 0; i < list.length; ++i) { | for (i = 0; i < list.length; ++i) { | ||
list[i].moveTo([Math.min(0, list[i].X()), Math.min(0, list[i].Y())]); | list[i].moveTo( | ||
[ | |||
Math.min(0, list[i].X()), | |||
Math.min(0, list[i].Y()) | |||
] | |||
); | |||
} | } | ||
brd.unsuspendUpdate(); | |||
}); | }); | ||
Line 26: | Line 27: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); | var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true}); | ||
var | var A = brd.create('point', [-1,-1], {name:'A'}); | ||
var B = brd.create('point', [-3, -3], {name:'B'}); | |||
var C = brd.create('point', [ -2, 0], {name:'C'}); | |||
var B = brd.create(' | |||
var C = brd.create(' | |||
brd.on(' | brd.on('move', function() { | ||
var list = [A, B, C], i; | var list = [A, B, C], i; | ||
brd.suspendUpdate(); | |||
for (i = 0; i < list.length; ++i) { | |||
list[i].moveTo( | |||
[ | |||
Math.min(0, list[i].X()), | |||
Math.min(0, list[i].Y()) | |||
] | |||
); | |||
} | |||
brd.unsuspendUpdate(); | |||
}); | }); | ||
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] |
Latest revision as of 09:47, 18 June 2013
Restrict the points A, B, and C to the lower left quadrant.
The underlying JavaScript code
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,5,5,-5], axis:true});
var A = brd.create('point', [-1,-1], {name:'A'});
var B = brd.create('point', [-3, -3], {name:'B'});
var C = brd.create('point', [ -2, 0], {name:'C'});
brd.on('move', function() {
var list = [A, B, C], i;
brd.suspendUpdate();
for (i = 0; i < list.length; ++i) {
list[i].moveTo(
[
Math.min(0, list[i].X()),
Math.min(0, list[i].Y())
]
);
}
brd.unsuspendUpdate();
});