:ribbon: Only 1kb javascript gist to generate a ribbon in your website with HTML5 canvas.
Only 1kb javascript gist to generate a ribbon in your website with HTML5 canvas. Code from evanyou.
Very easy and simple.
insert the code below between <body> and </body>.
<script src="dist/ribbon.min.js"></script>
Suggest before the tag </body>, like below:
<html><head>...</head><body>.........<script src="dist/ribbon.min.js"></script></body></html>
Please do not add the code in the <head> </head>. then ok!
size: the size of ribbon, default: 90.alpha: the opacity of line (0 ~ 1), default: 0.6.zIndex: the index of z space, default: -1.Example:
<script type="text/javascript" size="150" alpha='0.3' zIndex="-2" src="dist/ribbon.min.js"></script>
Set the config on the script node as a attribute. all the config has the default value, you can choose to set any of them, or none of them.
The project source comes from http://evanyou.me/.