Javascript HTML5旋转圈
我试图在画布上旋转一个圆圈,我想我得到了大部分代码,但我不知道代码出了什么问题,圆圈没有旋转。我是否需要创建另一个函数来旋转圆? 有什么建议吗Javascript HTML5旋转圈,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我试图在画布上旋转一个圆圈,我想我得到了大部分代码,但我不知道代码出了什么问题,圆圈没有旋转。我是否需要创建另一个函数来旋转圆? 有什么建议吗 var角度=0; 函数转换器半径(度){ 返回度*(数学PI/180); } 函数增量角度(){ angle++; 如果(角度>360){ 角度=0; } } var myColor=[“#ECD078”、“#D95B43”]; var myData=[50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50];
var角度=0;
函数转换器半径(度){
返回度*(数学PI/180);
}
函数增量角度(){
angle++;
如果(角度>360){
角度=0;
}
}
var myColor=[“#ECD078”、“#D95B43”];
var myData=[50,50,50,50,50,50,50,50,50,50,50,50,50,50,50,50];
函数getTotal(){
var-myTotal=0;
对于(var j=0;j
您需要更改回路内部的角度
function loop(){
angle+=Math.PI/18000;
drawColoredCircle();
requestAnimFrame(loop);
}
另外,是否要在绘制圆之前清除画布
function loop(){
ctxBg.clearRect(0,0,canvasBg.width,canvasBg.height);
angle+=Math.PI/18000;
drawColoredCircle();
requestAnimFrame(loop);
}
您需要更改循环内的角度
function loop(){
angle+=Math.PI/18000;
drawColoredCircle();
requestAnimFrame(loop);
}
另外,是否要在绘制圆之前清除画布
function loop(){
ctxBg.clearRect(0,0,canvasBg.width,canvasBg.height);
angle+=Math.PI/18000;
drawColoredCircle();
requestAnimFrame(loop);
}
创建一个创建一个谢谢它工作得很好,我还忘了清理画布:)谢谢它工作得很好,我还忘了清理画布:)