snaptogrid

by migerh

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id='box' class='jxgbox'></div>

CSS

#box {
    width:500px;
    height:500px;
}

JavaScript

var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 10, 10, -10], showCopyright: false, axis: false});
// axis true is important for Q!

// in case of axis: false:
var x = board.create('axis', [[0, 0], [1, 0]]);
var y = board.create('axis', [[0, 0], [0, 1]]);
board.defaultAxes = {
    x: x,
    y: y
}
		
// snap to grid, (imaginary grid with grid size x = 1, grid size y = 1)
var P = board.create('point', [4, 4], {snapToGrid: true});

// snap to grid (actual grid)
var Q = board.create('point', [-2, -2], {snapToGrid: true, snapSizeX: -1, snapSizeY: -1});

// no snap
var R = board.create('point', [0, 0]);