使用canvas绘制一个环形进度表盘

一.直接上效果

二.html

   canvas:

   <canvas class="circle" id="circle" width="210" height="210"></canvas>

三.js

         //获取画布元素   

         var  circlecanvas1 = document.getElementById("circle");

        //绘图方法
       function eachcanvas(dom,color1,percent){

               var PI=Math.PI;

               //绘制环形函数

              function draw(ang1,ang2,color,bool){
                  var ctx= dom.getContext("2d");
    &nb