Leinwand-Animation Kit Experiment ... ... wie die Leinwand löschen?
-
07-07-2019 - |
Frage
Ich kann ein obj machen die Leinwand zu verwenden, wie dies zu ziehen:
MyObj.myDiv = new Canvas($("effectDiv"), Setting.width, Setting.height);
Dann benutze ich diese ein Rechteck auf der Leinwand zu ziehen:
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);
Aber nachdem ich das Rechteck zu zeichnen, mag ich die Leinwand klar, aber ich weiß nicht, welche Methode und wie dies zu tun ... ...
O ... eine weitere Sache: es ist auf der Website des CAKE: Link-
Lösung
Löschen der Leinwand:
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);
Andere Tipps
Sie können versuchen, diese Methode:
MyObj.myDiv.clearRect(0, 0, canvas.width, canvas.height);
, die die gesamte Leinwand in der Hintergrundfarbe effektiv Farben.
Der einfachste Weg ist:
MyObj.myDiv.width = MyObj.myDiv.width;
Ich fand, dass die Leinwand Ändern der Größe wie Magie funktioniert, auch wenn Sie nicht wirklich die Größe zu ändern:
canvas.width = canvas.width
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow