从数组中绘制（画布）多个项目的函数

Question

我有一个 seat 函数，它接受多个值，其中 3 个用于在画布上绘制圆圈。

每个圆圈都是一个以人名命名的变量，包含来自 seat 函数的值。

我有以下函数来绘制各个圆圈：

                ctx.fillPerson = function(p){
                    this.fillStyle = p.fillStyle;
                    this.arc(p.centerX, p.centerY, p.radius, 0, 2*Math.PI, false);
                    this.fill();
                }

例如，当我执行 ctx.fillPerson(johnSmith); 时，这非常有效，但是我正在以数组形式创建多个人员分组，并且我需要一个函数来绘制这些数组中的人。

我有一个包含上面提到的变量的数组，如下所示： var SeatingOne = [johnSmith, joanSmith, bobJohnson, jillJohnson];

但是，我似乎无法正确使用该函数，我觉得我是在正确的轨道上，但我有限的 JavaScript 知识阻碍了我。到目前为止，我的想法是：

            ctx.fillSeats = function(s){
                for ( var i=0; i<s.length; ++i ){
                    ctx.beginPath();
                    ctx.fillPerson(indexOf(s));
                }
            }

我的想法是单步遍历数组并对每个数组项执行 beginPath(); 和 ctx.fillPerson(); 。我认为（？） indexOf 是否是正确的工具，但我不确定它是否正确以及如何获得所需的结果。

非常感谢任何帮助，如果我说了什么不正确的话，请纠正我（也不熟悉所有行话；））

谢谢

Answer 1

ctx.fillPerson(s[i]);

我不知道是否需要结束每个循环的路径。