2016-12-17 48 views
1

可変円グラフ(円svg)をクラスpelClassに割り当てようとしています。何らかの理由で割り当てられていないため、多くの問題を引き起こしています。助けてください!SVG要素にクラスを割り当てる方法

function positionPellet() 
{ 
    constantCount = 1; 

    while(pelletCount < constantCount*3) 
    { 
    var pellet = document.createElementNS(xmlns, 'circle'); 
    pellet.setAttribute('cx', Math.random() * window.innerWidth); 
    pellet.setAttribute('cy', Math.random() * window.innerHeight); 
    pellet.setAttribute('r' , 10); 
    pellet.className = "pelClass"; //Pellet Class Adding 
    pelletCount++; 
    pelletList = new Array(pelletCount); 
    pelletList.push(pellet); 
    svg.appendChild(pellet); 
    } 
} 
+0

pelletList =新しいアレイ(HTMLと同じように機能します)のsetAttribute(pelletCount)を使用することができます。 ?本当に新しい配列を作成したいですか?おそらく、この文はループの前に実行されるべきです。 – user2182349

+0

'pellet.class =" pelClass ";'を試しましたか?なぜあなたの問題を「クラスにクラスを割り当てようとしている」と記述しましたか? SVG要素にクラスを割り当てようとしてはいけませんか? –

+0

適切に値をpelletCount、xmlns、およびsvgに割り当てると、コードが正常に動作しています。問題は何ですか? – Deep

答えて

1

SVGでの構文は

pellet.className.baseVal = "pelClass"; //Pellet Class Adding 

あるまたは代わりに、あなたは

pellet.setAttribute('class', "pelClass"); //Pellet Class Adding 
+0

これは私の問題をほぼ修正しました。衝突をチェックするためにこれをクラスに追加する必要があり、これを実行してサークルに衝突したときにサークルが適切なクラス名に関連付けられていることを示していません。 –

関連する問題