# ribbon.js **Repository Path**: weilicheng/ribbon.js ## Basic Information - **Project Name**: ribbon.js - **Description**: 网站欢迎页彩条 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2016-11-23 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ribbon.js > Only 1kb javascript gist to generate a **ribbon** in your website with HTML5 canvas. Code from [evanyou](http://evanyou.me/). ![travis-ci](https://travis-ci.org/hustcc/ribbon.js.svg?branch=master) ## 1. usage Very easy and simple. insert the code below `between and `. ```html ``` Suggest before the tag ``, like below: ```html ... ... ... ... ``` `Please do not add the code in the `. 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: ```html ``` 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](res/screenshot.png) ## 4. other The project source comes from [http://evanyou.me/](http://evanyou.me/).