Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

小昊子

看不懂。。。头都大了

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

2017-08-29

超级小悟空

很棒，非常喜欢这样的老师

0 4-1 Canvas动态的时分秒

2017-08-28

qq_ChuanceyYin_0

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

function drawCircle(){
ctx.translate(r,r);
ctx.beginPath();
ctx.arc(0, 0, r, 0, 2*Math.PI);
ctx.stroke()
}
drawCircle();

逗我?出现的咋不是圆圈,而是竖起来的一半的椭圆

0 3-1 Canvas 时钟外边框圆

2017-08-21

我就看看不说话好吗

数学。。。。

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

2017-08-21

qq_潕钶取玳_03669359

canvas api
有么

0 3-2 Canvas绘制时钟内容

2017-08-17

落木栀子

一样是照着代码写的，但是canvas的高宽若是写在style中是画不出圆的

0 3-1 Canvas 时钟外边框圆

2017-08-14

hht0856

老师讲的挺好的，作为入门真的不错

2017-08-13

慕前端7349390

你棱...

1 1-1 Canvas时钟展示

2017-08-10

S_s哒哒哒

上个大学高中知识全忘

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

2017-08-03

prejudicexj

很不错，简单易懂

0 4-1 Canvas动态的时分秒

2017-08-02

prejudicexj

注意html中设置宽和高，不是style,也没有“ ”，
<canvas id="clock" width=200px height=200px></canvas>

0 3-1 Canvas 时钟外边框圆

2017-08-02

_小菜鸟_

好评好评好评，好老师

0 4-2 Canvas时钟特效

2017-08-01

_小菜鸟_

老师漂准的普通发

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

2017-07-31

双鱼座

，那些说效果出不来的不要照抄代码，听一遍不敲任何代码，然后根据老师讲的，加上自己的理解敲出来，忘记自己想想，想不出来，然后在重新看，出不来效果，或者有错误，恭喜你能进步了，踩坑填坑

2 3-3 Canvas静态的时分秒

2017-07-25

双鱼座

秒针老师好像是画错了，大家理解一下， context.moveTo(2, clockWidth / 10);context.lineTo(1, - circleR + clockWidth / 9);context.lineTo(-1, - circleR + clockWidth / 9);context.lineTo(-2, clockWidth / 10);context.fillStyle='red';context.fill(); clockWidth 是画布宽度是 200； circleR 是原盘的半径我的是 97.5

0 3-3 Canvas静态的时分秒

2017-07-25

首页上一页 5 6 7 8 9 10 11 下一页尾页

开始学习

课程须知: javascript基础知识

老师告诉你能学到什么？: 1、几何知识 2、从零学习canvas

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas 绘制时钟