我可以画框，但我不能删除它！ （帆布）

我以前问过这个问题，似乎我使用的代码很混乱。所以这是一个虚拟转储版本的相同的代码。
我使用add函数在画布上绘制一个正方形。像明智的，我应该能够使用remove函数从画布中删除项目！

I have asked this question before and it seemed that the code I was using was pretty confusing. So this is a virtually dumed down version of the same code. I draw a square on the canvas using the add function. Like wise I should be able to remove the item from the canvas using the remove function! Alas it doesn't seem to happen so.

以下是代码

$(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();
    });

也可以看到 jsfiddle

我使用的库是通过mootools canvas库实现的。 这是功能的链接。

The library I am using to implement this is via mootools canvas library. Here is the link of the functions.

希望这将帮助人们得到我的查询。如果你仍在思考我的问题究竟是什么，随时问问题！感谢

Hopefully this will help people get my query. Feel free to ask questions if you are still pondering about what exactly is my problem! Thanks

编辑：库中有一个错误。请在答案的意见中找到下面纠正的代码的链接。感谢。

EDIT : There is a bug in the library. Please find the link to the corrected code below in the comments of the answer. Thanks.