|
@ -1,8 +1,8 @@ |
|
|
function draw_roulette(ctx, w, h, datalist){ |
|
|
function draw_roulette(ctx, w, h, datalist){ |
|
|
var radius = h / 2 - 5; |
|
|
var radius = h / 2 - 5; |
|
|
var center = new Array(w / 2, h / 2); |
|
|
var center = new Array(w / 2, h / 2); |
|
|
var total = 0; |
|
|
var init = 0; |
|
|
var sum = datalist.reduce((acc, value) => acc + value, total); |
|
|
var total = datalist.reduce((acc, value) => acc + value, init); |
|
|
var lastend = 0; |
|
|
var lastend = 0; |
|
|
var offset = Math.PI / 2; |
|
|
var offset = Math.PI / 2; |
|
|
for (i=0; i < datalist.length; i++){ |
|
|
for (i=0; i < datalist.length; i++){ |
|
@ -18,10 +18,4 @@ function draw_roulette(ctx, w, h, datalist){ |
|
|
ctx.closePath(); |
|
|
ctx.closePath(); |
|
|
lastend += arcsector; |
|
|
lastend += arcsector; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
var datalist= new Array(35, 25, 20, 12, 7, 1); |
|
|
|
|
|
var colist = new Array('blue', 'red', 'green', 'orange', 'gray', 'yellow'); |
|
|
|
|
|
var canvas = document.getElementById("roulette"); |
|
|
|
|
|
var rendu = canvas.getContext('2d'); |
|
|
|
|
|
draw_roulette(rendu, canvas.width, canvas.height, datalist); |
|
|
|
|
|