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

来源:4-1 Canvas动态的时分秒

慕先生5424944

2017-08-09 16:50

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


写回答 关注

1回答

  • 落木栀子
    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老师的上课代码

Canvas 绘制时钟

canvas画出漂亮的时钟,通过本教程能重新掌握一些几何知识

49750 学习 · 160 问题

查看课程

相似问题