ribbon.js

1.0.2 • Public • Published

ribbon.js

Only 1kb javascript gist to generate a ribbon in your website with HTML5 canvas. Code from evanyou.

travis-ci

1. usage

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!

2. config

  • 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.

3. preview

screenshot

4. other

The project source comes from http://evanyou.me/.

Readme

Keywords

Package Sidebar

Install

npm i ribbon.js

Homepage

aibq.cn/

Weekly Downloads

57

Version

1.0.2

License

MIT

Unpacked Size

56.9 kB

Total Files

11

Last publish

Collaborators

  • atool