绘制20个弧以创建一个圆

Question

我遇到了问题。 我正在尝试使用Kineticjs库从20个圆弧创建一个圆圈。

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

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

http://jsfiddle.net/cMHv5/

Answer 1

问题是你要覆盖弧变量。

要对此进行调试，您应该尝试添加一些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({...});

[已编辑添加其他问题：]

我建议简化您的示例并在使其更复杂之前获取正确绘制的简单弧。现在，您正在调用context.arc()来创建路径，但实际上并未绘制它 - 请尝试拨打context.stroke()和/或context.fill()。

在那之后，我想你需要看看你传递给context.arc的角度 - 我不确定你想要的结果是什么，但我不认为你是正确计算角度。