https://github.com/dbtek/lines
lines.js, make beautiful diagonal background lines
https://github.com/dbtek/lines
Last synced: 10 months ago
JSON representation
lines.js, make beautiful diagonal background lines
- Host: GitHub
- URL: https://github.com/dbtek/lines
- Owner: dbtek
- License: mit
- Created: 2014-01-02T11:50:41.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2018-02-19T09:24:28.000Z (over 8 years ago)
- Last Synced: 2024-11-11T16:50:41.122Z (over 1 year ago)
- Language: JavaScript
- Homepage: dbtek.github.io/lines
- Size: 26.4 KB
- Stars: 17
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Lines.js
Beautiful diagonal background lines.
## Get Lines
* Via bower:
```bash
bower install lines
```
* Or, you can simply [download](https://github.com/dbtek/lines/archive/1.0.1.zip) from GitHub.
## Usage
* Download and include lines.js inside your html.
```html
```
* Add a canvas element to the page.
```html
```
* Use with default options:
```javascript
new lines().draw();
```
* Use with customizations:
```javascript
new lines({canvas: 'canvas-id', pieces: 3, color: '#D34567'}).draw();
```
* For quick implementation take a look at included [demo](https://github.com/dbtek/lines/blob/master/demo.html).
#### Options
**canvas:** Canvas HTML id.
**pieces:** Number of lines to be drawn.
**color:** Hex code of the lines' color.
## License
* Open-sourced under [MIT](http://opensource.org/licenses/MIT) license.