graphpaper v0.6.0

#Graphpaper

A javascript module to create HTML elements that display graphpaper like grids. Graphpaper uses WebGL to render grids onto canvas elements.

##Getting started

Include the script

<script src="graphpaper.min.js"></script>

Create a graphpaper and attach it to the DOM

document.body.appendChild(new Graphpaper().element);

Alternatively, use the npm package, along with something like Browserify.

npm install graphpaper --save

##Examples

Basic
Animate
Scroll and Zoom (Click and drag to scroll. Use + and - to zoom.)

##Usage

The constuctor returns a new Graphpaper object. Using new is optional.

var graphpaper = new Graphpaper();

The object has an element property that references a DOM canvas element on which the graphpaper is rendered.

The constructor accepts a properties object. Each property will override the default property value.

var graphpaper = new Graphpaper({cellWidth: 5, cellHeight, 5});

To change properties after the graphpaper has been created you can use the setProps function.

graphpaper.setProps({offsetX: 4, offsetY: 4});

Changing a property using the setProps function will cause the graphpaper to re-render. The

The graphpaper can be forced to re-render at any time using draw. However this isn't necessary with normal usage.

graphpaper.draw(); 

Properties