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 |
||
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}); | ||
Line 25: | Line 26: | ||
===The underlying JavaScript code=== | ===The underlying JavaScript code=== | ||
<source lang="javascript"> | <source lang="javascript"> | ||
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(); | |||
}); | |||
</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();
});