Ich habe diese Frage schon einmal gestellt und es schien, dass der verwendete Code ziemlich verwirrend war. Dies ist also eine praktisch heruntergekommene Version desselben Codes. Ich zeichne mit der Add-Funktion ein Quadrat auf die Leinwand. Ebenso sollte ich in der Lage sein, das Objekt mit der Funktion "Entfernen" von der Leinwand zu entfernen! Leider scheint das nicht so zu sein.

Hier ist der 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();
    });

Es kann auch hier gesehen werden, ist jsfiddle

Die Bibliothek, die ich verwende, um dies zu implementieren, ist über Mootools Canvas Library.Hier ist der Link der Funktionen.

Hoffentlich hilft dies den Leuten, meine Frage zu bekommen. Sie können gerne Fragen stellen, wenn Sie immer noch darüber nachdenken, was genau mein Problem ist! Vielen Dan

EDIT: Es gibt einen Fehler in der Bibliothek. Den Link zum korrigierten Code finden Sie unten in den Kommentaren der Antwort. Vielen Dank