Check this out. A fully functioning fiddle that I made to show how the library can be used to create a complex mouse interaction form. :) Wish someone could make it touch sensitive.. :)
On Oct 9, 8:13 pm, tofu <[email protected]> wrote: > Nevermind, got > ithttp://github.com/eerne/mootools-canvas-lib/commit/816789e76e1fd10946... > > On Oct 8, 5:43 pm, tofu <[email protected]> wrote: > > > > > hi shouvik > > it's a bit hard to read what changed in the minified version on the > > gist you sent. > > could you fork and commit? > > cheers > > eni > > > On Sep 21, 6:34 am, shouvik <[email protected]> wrote: > > > > Thanks Sean. I noticed it too. Since I am a novice I suspected I was > > > making an error somewhere. So I decided to take a second opinion :) > > > > Now I seem to have identified the bug. The corrected lib can be found > > > here.http://gist.github.com/raw/589185/09ca0dea770aff745ab9f429920f132dba0... > > > > Thanks for your assistance. > > > > On Sep 20, 9:49 pm, Sean McArthur <[email protected]> wrote: > > > > > I've never used it, and I haven't had time to read the source code, but > > > > the > > > > documentation suggests that you pass the item ID to `remove`. > > > > > CANVAS.layers.get('myLayer').remove(foo.id); > > > > > Yet, that didn't work either... So I searched the source code. It seems > > > > the > > > > Layer.remove function has a bug in it. It doesn't pass the ID to the > > > > destroy > > > > and erase methods, it passes the hard coded string 'id'. > > > > > On Mon, Sep 20, 2010 at 2:08 AM, shouvik <[email protected]> wrote: > > > > > Hi All, > > > > > > I have asked this question before and it seemed that the code I was > > > > > using was pretty confusing. So this is a virtually dumbed down version > > > > > of the same code. I draw a square on the canvas using the add > > > > > function. Likewise I should be able to remove the item from the canvas > > > > > using the remove function! Alas, it doesn't seem to happen. > > > > > > Here is the code > > > > > > $(window).addEvent('load',function(){ > > > > > > CANVAS.init({ canvasElement : 'canvas' }); > > > > > CANVAS.layers.add( new Layer({ > > > > > id : 'myLayer' > > > > > })); > > > > > > var colors = [ > > > > > 'rgba(255,0,0,1)', > > > > > ]; > > > > > > var pos = [ > > > > > { x: 150, y : 100 }, > > > > > ] > > > > > > var foo = new CanvasItem({ > > > > > id : 'item', > > > > > x : pos[0].x, > > > > > y : pos[0].y, > > > > > fillStyle : colors[0], > > > > > events : { > > > > > onDraw : function(ctx) > > > > > { > > > > > ctx.fillStyle = this.fillStyle; > > > > > ctx.fillRect(this.x,this.y,200,200); > > > > > } > > > > > } > > > > > }); > > > > > > CANVAS.layers.get('myLayer').add(foo); > > > > > CANVAS.draw(); > > > > > CANVAS.layers.get('myLayer').remove(foo); > > > > > CANVAS.draw(); > > > > > }); > > > > > > It can also be seen here is jsfiddle > > > > >http://jsfiddle.net/WRRns/4/ > > > > > The library I am using to implement this is via mootools canvas > > > > > library. Here is the link of the functions. > > > > >http://forvar.de/js/mcl/docs.Layer.html#fn-remove > > > > > > Thanks
