ennagegrid_
v1.0.0
Published
Create an interactive, multi-functional grid on your site
Readme
EnnageGrid - interactive visible grid for your site.
This is a framework for creating an interactive visible grid for your site.
Installation:
- include the file "ennageGrid.min.js"
<script type="text/javascript" src="ennageGrid.min.js"></script>- create canvas with id "ennageGrid"
<canvas id='ennageGrid'></canvas>- initialize the object "ennageStart"
var ennageStart = {
duration: 2000,
timing: 'arc',
colRow: 3,
color: 'black',
width: '1'
};About the object
Animation time:
var ennageStart = {
duration: 2000
};Animation type (the property will be improved in the second version):
'arc', 'archery', 'line', 'quadratic', 'cubed', 'fivePow', 'elasticity'var ennageStart = {
timing: 'arc'
};The number of columns and rows of Your table:
var ennageStart = {
colRow: 3
};Line color:
var ennageStart = {
color: 'black'
};Line width:
var ennageStart = {
width: '1'
};