Canvas 绘制时钟_技术问答

首页免费课 Canvas 绘制时钟问答

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

                    查看讲师更多课程 
                    Silva Zhou讲师的其他课程
                
Requirejs和自动打包
中级·14715
免费课程
                                
                难度中级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.73
                            141人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

道常无名

一个二个都头大，你们吃了三鹿么

1 2-1 Canvas 绘制时钟--几何模型

2016-12-06

烈日当空0707

// 画背景的黑色的圆
function drawCircle() {
// 移动canvas的坐标轴原点
context.translate(r, r);
// 开始绘制路径
context.beginPath();
// 圆的宽度
context.lineWidth = 10;
// 画圆
context.arc(0, 0, r-5, 0, Math.PI*2, false);
// 路径画好后，进行描边
context.stroke();
}

0 3-1 Canvas 时钟外边框圆

2016-12-06

烈日当空0707

var canvas = document.getElementById('clock'),
context = canvas.getContext('2d'),
cw = canvas.width,
ch = canvas.height,
r = cw/2;

0 3-1 Canvas 时钟外边框圆

2016-12-06