使用“for”循环的绘图圆圈

Question

试图通过循环绘制圆圈，但只获得一个圆圈。我做错了什么？

var ss_links_canvas = document.getElementById("ss_links_canvas"); 
ss_links_canvas.width = images.length * 41; 
ss_links_canvas.height = 25; 
var ss_links = ss_links_canvas.getContext("2d"); 

for (i=0; i<images.length; i++) { 
    ss_links.beginPath(); 
    ss_links.fillStyle="white"; 
    ss_links.arc(12,12+i*41,5,0,2*Math.PI); 
    ss_links.fill(); 
    ss_links.closePath(); 
} 

'图像'是一个包含4个元素的数组。

Answer 1

你把他们拉垂直而非水平，从而圆的其余部分落在画布上的变化之外：

ss_links.arc(12,12+i*41,5,0,2*Math.PI); 

到：

ss_links.arc(12+i*41,12,5,0,2*Math.PI);