使用'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();
}

'images'是一个包含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);