Canvas Animation Kit Experiment ... ... как очистить холст?

Question

Я могу создать объект, чтобы использовать холст для рисования следующим образом:

MyObj.myDiv = new Canvas($("effectDiv"), Setting.width,  Setting.height);

Затем я использую это, чтобы нарисовать прямоугольник на холсте:

    var c =  new Rectangle(80, 80,
        {
            fill: [220, 40, 90]
        }
    );
    var move = new Timeline;
    move.addKeyframe(0,
        {
            x: 0,
            y: 0
        }
    );
    c.addTimeline(move);
    MyObj.myDiv.append(c);

Но после того, как я нарисовал прямоугольник, я хочу очистить холст, но я не знаю, какой метод и как это сделать ... ...

О ... еще одна вещь: это веб-сайт торта: Link

Answer 1

Очистка холста:

canvas.clear = true; // makes the canvas clear itself on every frame
canvas.fill = somecolor; // fills the canvas with some color on every frame
// with canvas.clear = false and low-opacity fill, fancy motion blur effect

Removing the rectangle from the canvas:
rectangle.removeSelf();
or
canvas.removeChild(rectangle);

Answer 2

Вы можете попробовать этот метод:

MyObj.myDiv.clearRect(0, 0, canvas.width, canvas.height);

Который эффективно окрашивает весь холст в цвет фона.

Answer 3

Самый простой способ это:

MyObj.myDiv.width = MyObj.myDiv.width;

Answer 4

Я обнаружил, что изменение размера холста работает как по волшебству, даже если вы на самом деле не меняете размер:

canvas.width = canvas.width