|
@ -1,14 +1,14 @@ |
|
|
|
|
|
|
|
|
function draw_roulette(nb_person, x, y, r){ |
|
|
function draw_roulette(nb_person, x, y, r){ |
|
|
let chart = document.getElementById("roulette").querySelector('g'); |
|
|
let chart = document.getElementById("roulette").querySelector('g'); |
|
|
let starting_coo= new Array(x, y); |
|
|
let starting_coo= new Array(x, y + r); |
|
|
let center = new Array(x + r, y + r); |
|
|
let center = new Array(x + r, y + r); |
|
|
let angle = 0; |
|
|
let angle = 0; |
|
|
for (let i=0; i < nb_person; i++){ |
|
|
for (let i=0; i < nb_person; i++){ |
|
|
let coo_arr = new Array(center[0] - r * Math.cos(2 * Math.PI / nb_person * (i+1)), center[y] - r * Math.sin(2 * Math.PI / nb_person * (i+1))); |
|
|
let coo_arr = new Array(center[0] - r * Math.cos(2 * Math.PI / nb_person * (i+1)), center[1] - r * Math.sin(2 * Math.PI / nb_person * (i+1))); |
|
|
let new_path = document.createElement("path"); |
|
|
let new_path = document.createElement("path"); |
|
|
new_path.setAttribute('fill', 'green'); |
|
|
new_path.setAttribute('fill', 'green'); |
|
|
new_path.setAttribute('d', "M " + starting_coo[0] + " " + starting_coo[1] + " A 50 50 0 0 1 " + coo_arr[0] + " " + coo_arr[1] + " L 250 200 Z"); |
|
|
new_path.setAttribute('d', "M " + starting_coo[0] + " " + starting_coo[1] + " A " + r + " " + r " 0 0 1 " + coo_arr[0] + " " + coo_arr[1] + " L " + center[0] + " " + center[1] + " Z"); |
|
|
chart.appendChild(new_path); |
|
|
chart.appendChild(new_path); |
|
|
chart.innerHTML += ' '; |
|
|
chart.innerHTML += ' '; |
|
|
console.log(new_path.getAttribute('d')); |
|
|
console.log(new_path.getAttribute('d')); |
|
|