Citron JS is a seamless visual library built to enhance canvas design. It's only 1.1 KB minified + gzipped. It's fast so you don't have to worry about a stupid page loader. It's also easy to use, there are comments in the templates to make it easier for you to understand.
CitronJS is pretty simple to use. It uses object constructors to define variables in the script. The templates for all the shapes are located in the templates folder. So first you need to link the script file to your
<head> tag (this will be in the docs below). Next, you create the
<canvas> element in your HTML like this:
<canvas id="citron" width="500" height="500"></canvas>. You can change the width and height to your own liking, but the id "citron" is essential. Then you create your own script file and link it to your HTML. Again, you can find the templates for the object constructors with helpful comments.
Getting Citron for your site...
Download: (minified + gzipped)
citron.gz file here
$ npm install citronjs --save
$ bower install citronjs
These are some of the objects that you can construct in version 0.1.1
What's new in CitronJS v0.1.3:
If CitronJS gets sorta confusing, we have markdown tutorials here.
If you would like to be in the contributors list, please make a good, purposeful, contribution. Any contributions that are not purposeful will be revoked. Please contribute HERE.