Canvas Animação Kit Experiment ... ... como limpar a tela?
-
07-07-2019 - |
Pergunta
Eu posso fazer um obj para usar a tela para desenhar como este:
MyObj.myDiv = new Canvas($("effectDiv"), Setting.width, Setting.height);
Então, eu uso isso para desenhar um retângulo na tela:
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);
Mas depois que eu desenhar o retângulo, eu quero limpar a tela, mas eu não sei qual o método e como fazer isso ... ...
O ... mais uma coisa: é o web site do bolo: Fazer a ligação
Solução
A limpeza da tela:
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);
Outras dicas
Você pode tentar este método:
MyObj.myDiv.clearRect(0, 0, canvas.width, canvas.height);
que efetivamente cores toda a tela na cor de fundo.
A maneira mais fácil é:
MyObj.myDiv.width = MyObj.myDiv.width;
Descobri que redimensionar a tela funciona como mágica, mesmo se você não está realmente mudando o tamanho:
canvas.width = canvas.width
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow