nasıl yarı çember

Question

üzerinde elemanlarının değişken sayısını konumlandırmak için ben http://creative-punch.net/2014/02/making-animated-radial-menu-css3-javascript/

Benim matematik sadece dairenin üst yarısında öğeleri dağıtmak için değiştirmesi çok kötü bu müthiş daire menüyü gördük.

Ayrıca, göreli konumunun% konumlarından kurtulmak ve öğelerin piksel olarak önceden tanımlanmış bir mesafeyi yaymasına izin vermek istiyorum. Artık hiçbir menü sınırlama kutusu gerekli değildir.

Answer 1

dtheta = dist/rad; 
num = Math.floor(PI/dtheta); 
theta = (PI - num * dtheta)/2; 

for (var i = 0; i < num; i++) 
{ 
    x = center_x + rad * cos(theta); 
    y = center_y + rad * sin(theta); 
    theta += dtheta; 
    //drawelement(elements[i], x, y); 
} 

• dist: menü öğeleri arasındaki piksel mesafe
• elements: Menü elemanlarının listesi
• rad: dairenin yarıçapı
• center_x, center_y: merkezi
koordinatları
• num: azami sayısı elemanlar çekilebilir

N.B. drawelement'a gönderilen koordinatlar, her menü öğesinin merkez'unun sol üst köşesi değillerdir.