Canvas Animation Kit Experiment & # 8230; & # 8230; come cancellare la tela?
-
07-07-2019 - |
Domanda
Posso creare un obj per usare la tela per disegnare in questo modo:
MyObj.myDiv = new Canvas($("effectDiv"), Setting.width, Setting.height);
Quindi, lo uso per disegnare un rettangolo sulla 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);
Ma dopo aver disegnato il rettangolo, desidero cancellare la tela, ma non so quale metodo e come farlo ... ...
O ... un'altra cosa: è il sito web di CAKE: Link
Soluzione
Cancellazione della 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);
Altri suggerimenti
Puoi provare questo metodo:
MyObj.myDiv.clearRect(0, 0, canvas.width, canvas.height);
Che colora efficacemente l'intera tela con il colore di sfondo.
Il modo più semplice è:
MyObj.myDiv.width = MyObj.myDiv.width;
Ho scoperto che il ridimensionamento della tela funziona come per magia, anche se non stai davvero cambiando la dimensione:
canvas.width = canvas.width
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow