画布绘制效果

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');}}) &一些其他功能的其他可选参数。查看自述文件以获取详细信息。