Canvas 绘制时钟_技术问答

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

Canvas 绘制时钟

                
                Silva Zhou
            Web前端工程师

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

全部评论问答未解决精华

请问为什么需要获取id为clock的节点的上下文？

已采纳回答 / 小程序魔王

因为dom节点里没有canvas的绘制方法,ctx上下文对象里封装了canvas的绘制方法, 这里是 2D 绘图上下文,可以绘制简单的 2D 图形,除了2D绘图上下文,还有WebGL 上下文用于绘制3D图形

1 回答 1317 浏览 3-1 Canvas 时钟外边框圆

2018-11-26

文档哪里找呢

已采纳回答 / 随_意

http://www.w3school.com.cn/这个网站

1 回答 1116 浏览 3-2 Canvas绘制时钟内容

2018-07-06

时针显示不正确

已采纳回答 / cjc小隐_0

drawHour(4);改为drawHour(4，30);

2 回答 1225 浏览 3-3 Canvas静态的时分秒

2018-02-27

convas标签问题

已采纳回答 / qq_杀意隆_0

代码贴出来

6 回答 1541 浏览 3-1 Canvas 时钟外边框圆

2017-12-13

var dom=document.getElementById('clock');var ctx=dom.getContext('2d');var width=ctx.canvas.width;var height=ctx.canvas.height;var r = width/2;var rem=width/200;function drawBackground(){ ctx.save(); ctx.translate(r,r); ctx.beginPath(); ctx.lineWid...

1 回答 1630 浏览 4-2 Canvas时钟特效

2017-05-13

哪位大神可以帮帮我吗

已采纳回答 / Ellision

1、原代码：var don=document.getElementByID("clock2"); 修改后：var dom = document.getElementById("clock2");2、原代码：ctxfill();；修改后：cxt.fill();

3 回答 1216 浏览 3-3 Canvas静态的时分秒

2017-05-13

哪位有代码呢？

已采纳回答 / 西兰花伟大炮

<...code...>欢迎采纳啊

1 回答 1306 浏览 1-1 Canvas时钟展示

2017-05-04

想问（number,i)那个参数i是什么意思

已采纳回答 / ClayXX

rad=2*Math.PI/12 每小时弧度乘以i就是你想要的小时数该有的弧度

1 回答 1547 浏览 3-2 Canvas绘制时钟内容

2017-04-16

为什么我和老四显示的不一样啊 js文件 html文件没有问题

已采纳回答 / 慕粉4296081

每个ctx.restore()语句一定要加后面的'()', 不然js不能识别它为canvas的方法试了下应该是这个问题

1 回答 1405 浏览 3-3 Canvas静态的时分秒

2017-03-26

为什么同样两个时针同样的参数显示却不一样

已采纳回答 / 郭小V先森

<...code...>一个参数是4 一个参数是1显示的会一样？

1 回答 1298 浏览 3-3 Canvas静态的时分秒

2017-03-26

为什么不加黑色的设置显示是灰色？默认是灰色吗？

已采纳回答 / CIAGIFID

应该是用了灰色的环境

2 回答 1448 浏览 3-2 Canvas绘制时钟内容

2017-03-26

为什么按照老师的代码写圆不显示呀？

已采纳回答 / 戒不掉的寂寞

<...图片...>添加这条语句就可以了。

3 回答 1357 浏览 3-1 Canvas 时钟外边框圆

2017-03-10

急急急

已采纳回答 / 我爱吃牛排

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1"><title>canvas clock</title><style>div{text-align: center;margin-top: 250px;}#clock{border:10px solid #ccc;}</style&g...

6 回答 1616 浏览 3-2 Canvas绘制时钟内容

2017-03-08

老师您好，在没有加入添加60个点的for语句以及后面的代码时还可以显示，加上之后就不行了，请问是哪里出了问题呢？

已采纳回答 / 慕粉1830182492

倒数第二句，0后面的分号打错了

2 回答 1106 浏览 3-2 Canvas绘制时钟内容

2017-03-06

为什么清楚第一次左下角4分之1没了，第二次全没了

已采纳回答 / 慕工程0708615

得看下你的代码，在draw（）函数里面的ctx.restore（）之前的函数（drawSecond（））里面的开始不需要ctx.save()，后面也不需要ctx.restore()，我的一开始就是因为设置秒针的函数的开头设置了个ctx.save(),右下角四分之一没了，因为你在设置秒针的开头设置一个ctx.save（）会导致draw里面的清除函数的画布原点，变成秒针的原点，也就是圆的中心点，今天才刚开始学canvas，也不知道我理解的对不对，反正你可以试试

2 回答 1347 浏览 4-2 Canvas时钟特效

2017-02-18

开始学习

课程须知: javascript基础知识

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas 绘制时钟