Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A helper library for the canvas 2d API
JavaScript CSS
Latest commit 1731cac @roblarsen 0.3.0 release
Failed to load latest commit information.
assets updated demo
build Excluding node_modules from gh-pages task
demo updated demo
docs 0.3.0 release
.gitignore Add gh-pages task
.gitmodules Add Jasmine automation
.jshintignore Replace ANT with Grunt
.jshintrc Replace ANT with Grunt
.nojekyll Add gh-pages task 0.3.0 release 0.3.0 release
Cee.js 0.3.0 release
Cee.min.js 0.3.0 release
Gruntfile.js Add gh-pages task
MIT-license.txt new year yo added demo plunker
grids.jpg added grids for marc.
index.html Add gh-pages task
package.json 0.3.0 release
web-server.js new build. audio demo. web server


Cee.js is a small helper library for the canvas 2d API. The goal is to extend and enhance the basic API while still remaining familiar.

API and Enhancements

There are currently two areas of focus

  • Chaining any method that doesn't return an explicit value or Cee object (e.g. createPattern, createLinearGradient) is chainable.
  • API Enhancements These range from new concepts (getting the boundingBox of the last operation, getting the currentPos (x and y) of the 'cursor',) missing methods (circle, rectangle) to convenience methods (canvas properties are now chainable getter/setter methods)

A simple example might look like this

    var ctx = new Cee("demo");
    for ( var i = 0; i < 100; i++ ){
      var x = Math.random() * ctx.width,
          y = Math.random() * ctx.height,
          radius = Math.random() * 100;{
        "x" : x,
        "y" : y,
        "radius" : radius,
        "fillStyle" : '#'+Math.floor(Math.random()*16777215).toString(16),
        "strokeStyle" : '#'+Math.floor(Math.random()*16777215).toString(16)

You can demo the library in this handy CeeJS demo plunker.


So far...

Rob Larsen ( slaving away )

with big high fives to

Bob Holt (kicked the project off and actually wrote the first lines of code)

Marc Neuwirth (added all the smart stuff)

Something went wrong with that request. Please try again.