Lines.js

Beautiful diagonal background lines.

Get Lines

• Via bower:

bower install lines

• Or, you can simply download from GitHub.

Usage

• Download and include lines.js inside your html.

<script type="text/javascript" src="lines.js"></script>

• Add a canvas element to the page.

<canvas id="lines-canvas" width="600" height="600"></canvas>

• Use with default options:

  new lines().draw();

• Use with customizations:

  new lines({canvas: 'canvas-id', pieces: 3, color: '#D34567'}).draw();

• For quick implementation take a look at included demo.

Options

canvas: Canvas HTML id.
pieces: Number of lines to be drawn.
color: Hex code of the lines' color.

License

• Open-sourced under MIT license.