画布绘画效果

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');}})＆amp;一些其他功能。请查看自述文件以获取详细信息。