相关疑难解决方法(0)

我试图使用本教程创建一个旋转游戏的游戏:

http://www.emanueleferonato.com/2015/07/31/create-a-wheel-of-fortune-for-your-html5-games-with-phaser-in-only-a-few-lines/

但是,本教程使用了轮子的图像,我想在html5/js中创建它.像这样模糊的东西:

https://www.winkbingo.com/images/lp/301114/spin_the_wheel_image.png 这是我到目前为止:

var ctx = canvas.getContext("2d");
var end = 0;
var color = ['#F0F8FF','#FAEBD7','#00FFFF','#7FFFD4','#00FF00','#FF8C00'];
var labels = ['label1', 'label2','label3','label4','label5','label6'];
var slices = 6

for (var i = 0; i < slices; i++) {
ctx.fillStyle = color[i];
ctx.beginPath();
ctx.moveTo(canvas.width/2,canvas.height/2);
ctx.arc(canvas.width/2,canvas.height/2,canvas.height/2,end, ((1/slices)*Math.PI*2)+end ,false);
ctx.lineTo(canvas.width/2,canvas.height/2);
ctx.fill();
end += ((1/slices)*Math.PI*2)+end;
}

我希望通过更改变量切片(1-6之间)来更改段的数量.我还想在顶部显示标签.然后我想使用这个画布而不是该教程代码中的图像,以便轮子旋转文本.希望这不会令人困惑.任何人都知道如何做到这一点>我不介意使用任何库等.