繪製20個圓弧創建一個圓圈

Question

我困住了一個問題。 我試圖用20個弧線創建一個使用Kineticjs庫的圓。

問題： 弧不會我的網頁上顯示出來....

我是新與此庫，所以我不知道我做錯了。 有人可以閱讀下面的代碼並幫我解決嗎？

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 - 我不確定你想要的結果是什麼樣的，但我不認爲你正在計算角度正確。