canvas绘制彩虹样式

今天实在是找不到能够记录的代码笔记了，编写一个彩虹样式好了，图样如下所示：

canvas绘制彩虹样式

代码如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        *{margin:0; padding:0;}
        body{width:100%; height:100%; overflow:hidden;}
        #canvas{background:no-repeat center center; background-size:100% 100%;}
    </style>
</head>
<body>
<canvas ;
    };

    function action(){
        for(var i=0;i<7;i++){
            context.strokeStyle = color[i];
            context.lineWidth = lineWidth;
            context.beginPath();
            context.arc(x,y,radius-(lineWidth*i),Math.PI,a*Math.PI);
            context.stroke();
        }
    }

    var t = setInterval(function(){
        if(a < 2){
            a = a+0.01;
            action();
        }else if(a >= 2){
            clearInterval(t);
        }
    },time/100);

</script>
</body>
</html>

好了，今天记录canvas代码，明天我会记录canvas的国旗样式！