Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML5旋转圈_Javascript_Html_Html5 Canvas - Fatal编程技术网

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);
}

创建一个创建一个谢谢它工作得很好,我还忘了清理画布:)谢谢它工作得很好,我还忘了清理画布:)