如何在html5canvas中逐步绘制线条动画

我正在使用canvas。 我画了一套线。 这是我的示例代码

for(var i = 0 ; i< points.length; i++){ var point = points[i]; setInterval(function() { ctx.strokeStyle = "black"; ctx.moveTo(point.startX, point.startY); ctx.lineTo(point.startX1, point.startY1); ctx.stroke(); }, 500);​ } 

此代码每0.5秒后绘制一行。 但我希望逐步制作动画。 所以请帮助逐步划清界限。

此屏幕截图显示输出。 我在SVG中做到了这一点。 但我在canvas上需要相同的东西。

Answer 1