SimpleGrid.js uses the HTML5 canvas utility to draw a simple grid on top of your page.
This grid are basically vertical and horizontal lines displayed in a cross pattern at desired intervals.
Developers can control the color of the line so it can be easily noticed, and the distance at which lines are drawn.
There are also two JS functions which can be attached to various page controls to show or hide the grid, and also a function to rebuild it in real-time with new parameters.
Line weight can also be controlled, along with the element in which the grid can be drawn. This later option can be the entire area of the page, or just inside a smaller container.
A simple example is included with the SimpleGrid.js download package.
Requirements:
- JavaScript enabled on client side
Comments not found