Mootools Canvas Lib 0.1

This library provides functionality to manage and interact with the content of a html5 canvas element. It emulates layers and items that can be manipulated and managed and provides mouse-events to the items.

Documentation Examples/Demos



Details

Author
Martin Tillmann
Current version
0.1
GitHub
Mtillmann/mootools-canvas-lib
Downloads
2305
Category
Media
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.4: *

How to use

Initialize the CANVAS-object, then start adding layers, items and threads:

<canvas height="400" width="600" id="DOMCanvasElement"></canvas>


#JS
CANVAS.init({ canvasElement : 'DOMCanvasElement' });
CANVAS.layers.add( new Layer({ id : 'myLayer' });
CANVAS.layers.get('myLayer').add( new CanvasItem({
    id : 'myItem',
    x : 100,
    y : 100,
    events : {
        onDraw : function(ctx){
            this.x++;
            this.y++;
            ctx.fillStyle = '#000';
            ctx.fillRect(this.x,this.y,50,50);
        }
    }
}));
CANVAS.addThread( new Thread({ 
    id : 'myThread',
    onExec : function()
    {
        CANVAS.clear().draw();
    }
}) );

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus