1

問題が発生しました。Kineticjs ライブラリを使用して、20 個の円弧から円を作成しようとしています。

問題: 円弧が私のページに表示されません....

私はこのライブラリが初めてなので、何が間違っているのかわかりません。誰か次のページのコードを読んで助けてくれませんか?

http://jsfiddle.net/cMHv5/

4

1 に答える 1

0

問題は、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({...});

[別の問題を追加するために編集: ]

より複雑にする前に、例を単純化し、単純な円弧を正しく描画することをお勧めします。現在context.arc()、パスを作成するために呼び出していますが、実際には描画していません。 context.stroke()and/orを呼び出してみてくださいcontext.fill()。

その後、渡す角度を確認する必要があると思います-context.arc結果をどのように表示したいかはわかりませんが、角度を正しく計算しているとは思いません。

于 2012-07-19T08:00:53.430 に答える