Canvas Animation Kit Experiment… …キャンバスをクリアする方法は?
-
07-07-2019 - |
質問
objを作成して、キャンバスを使用して次のように描画できます:
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);
しかし、長方形を描いた後、キャンバスをクリアしたいのですが、どの方法とこれを行うかはわかりません... ...
O ...もう1つ: CAKEのWebサイトです。 リンク
解決
キャンバスのクリア:
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