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.