Html 绘制20条圆弧以创建一个圆

我被一个问题困住了。 我正在尝试使用Kineticjs库从20个圆弧创建一个圆

问题是： 弧不会显示在我的页面上

我是这个图书馆的新手，所以我不知道我做错了什么。 有人能读一下下一页的代码并帮我吗

---

问题在于您正在覆盖arc变量

要对此进行调试，您应该尝试添加一些console.log消息，以查看调用Kineticjs函数时使用的参数

这段代码的第一行和最后一行是问题所在：

var arc = Math.PI / (numbers.length/2);
for(var i = 0; i < numbers.length; i++) {
    (function() {
        var angle = startAngle + i * arc;
        var odd = i%2;
        var arc = new Kinetic.Shape({...});

var-arc=Math.PI/（number.length/2）；
对于（变量i=0；i

[编辑以添加另一个问题：]

我建议简化您的示例，并在使其变得更复杂之前正确绘制一个简单的圆弧。现在您正在调用

context.arc（）

来创建路径，但实际上并没有绘制路径--请尝试调用

context.stroke（）

和/或

context.fill（）

---

在那之后，我想你需要看看你传递给上下文的角度。弧——我不确定你想要的结果是什么样的，但我认为你没有正确计算角度。

Thnx约翰，我甚至没有注意到。我更改了代码，但那没有帮助。弧仍然没有显示在屏幕上……u更新版本：还有什么想法吗？这里有一个版本的小提琴，它经过了最低限度的修改，至少画了一些东西：