问答详情
源自:4-1 Canvas动态的时分秒

怎么用canvas写钟表刻度的时钟和分钟

怎么用数组遍历填写钟表的时钟和分钟


提问者:慕先生5424944 2017-08-09 16:50

个回答

  • 落木栀子
    2017-08-14 15:04:30

    function drowHour(h,m) {
       cxt.save();
       cxt.beginPath();
       var rad  = 2 * Math.PI / 12 * h;
       var mrad = 2 * Math.PI / 12 / 60 * m;
       cxt.rotate(rad + mrad);
       cxt.moveTo(0,10 );
       cxt.lineTo(0,- r/2);
       cxt.lineWidth = 6;
       cxt.lineCap = "round";
       cxt.stroke();
       cxt.restore();
    }
    function drowMinits(m) {
       cxt.save();
       cxt.beginPath();
       var rad  = 2 * Math.PI / 60 * m;
       cxt.rotate(rad);
       cxt.moveTo(0,10);
       cxt.lineTo(0,- r + 30);
       cxt.lineWidth = 3;
       cxt.lineCap = "round";
       cxt.stroke();
       cxt.restore();
    }

    借鉴Silva Zhou老师的上课代码