Эксперимент Canvas Animation Kit & # 8230; & # 8230; как очистить холст?
-
07-07-2019 - |
Вопрос
Я могу сделать объект для использования холста для рисования следующим образом:
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);
Но после того, как я нарисовал прямоугольник, я хочу очистить холст, но я не знаю, какой метод и как это сделать ... ...
О ... еще одна вещь: это веб-сайт торта: Ссылка
Решение
Очистка холста:
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);
Другие советы
Вы можете попробовать этот метод:
MyObj.myDiv.clearRect(0, 0, canvas.width, canvas.height);
Который эффективно окрашивает весь холст в цвет фона.
Самый простой способ:
MyObj.myDiv.width = MyObj.myDiv.width;
Я обнаружил, что изменение размера холста работает как по волшебству, даже если вы на самом деле не меняете размер:
canvas.width = canvas.width
Не связан с StackOverflow