Я задавал этот вопрос раньше, и казалось, что код, который я использовал, был довольно запутанным. Так что это практически та же самая версия кода.
Я рисую квадрат на холсте, используя функцию добавления. Точно так же я должен быть в состоянии удалить элемент с холста, используя функцию удаления! Увы, этого не происходит.
Вот код
$(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. Вот ссылка на функции.
Надеюсь, это поможет людям получить мой запрос. Не стесняйтесь задавать вопросы, если вы все еще размышляете о том, в чем именно заключается моя проблема! Спасибо
РЕДАКТИРОВАТЬ: в библиотеке есть ошибка. Пожалуйста, найдите ссылку на исправленный код ниже в комментариях к ответу. Спасибо.