畫布繪製效果

Question

我開始從一些簡單到複雜的畫布腳本。我想畫一個圓圈。這很容易。問題是圓圈馬上被吸引。如果我想讓這個圓圈慢慢增長（讓我們從垂直線，半圓，半圓，到一個整圓）如果我想讓這個（在本地）做或者我需要做一個函數，建立和刪除幾個圈（快速）來模擬效果？

如果後者是真的，是否有任何類型的性能命中我應該尋找？

謝謝！

Answer 1

使用畫布的任何形式的動畫都需要清除畫布，並且要創建序列中的下一個圖形。 Mozilla開發網絡有關於畫布和畫布動畫的很好的教程。

Answer 2

查看animate.js庫。它正是你需要的。用法與jQueryUI相同。

你需要什麼可以通過下面的一段代碼來完成：

canvas_element.animateCircle(x,y,r); 

有喜歡animateCircle(x,y,r,{'lineWidth':5, 'lineColour':'red', 'stop': function() {alert('completed');}}) &一些其他功能的其他可選參數。查看自述文件以獲取詳細信息。