1 Star 2 Fork 2

shwy / ribbon

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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

Repository Comments ( 0 )

Sign in for post a comment

About

ribbon.js: 一条简单的Js就能让你生产随机的彩色的缎带 expand collapse
HTML
MIT
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
HTML
1
https://gitee.com/slgz/ribbon.git
git@gitee.com:slgz/ribbon.git
slgz
ribbon
ribbon
master

Search

141041 ab9339c7 1850385 141043 25c028d5 1850385