为了账号安全,请及时绑定邮箱和手机立即绑定

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰

已采纳回答 / 一只幸福的喵
你用我得代码把,可能哪里你敲错了一个字母,我也没检查出来window.onload=function () {        var dom=document.getElementById('clock');    var ctx=dom.getContext('2d');    var height=dom.height;    var width=dom.width;    var r=width/2;    var rem=width/200;    function drawBac() {    ...

最新回答 / 冰洁雪儿
你的那个 ctx.src(0,0,r,0,2*Math.PI,false)少了一个起始角度0,你在好好对比一下

已采纳回答 / udnernahs
var canvas = document.getElementById("clock")       canvas.width =200       canvas.height = 200       var ctx = canvas.getContext("2d")     var width=ctx.canvas.width;     var height=ctx.canvas.height;     var r=width/2;         function drawDot(){     ...

已采纳回答 / 慕勒5926719
你的<canvas>的id是clack,var dom=document.getElementById('clock');这个获得的又是clock,不一致

已采纳回答 / 慕运维1221375
var width=ctx.canves.width;var height=ctx.canves.height;这两句敲错了。是canvas而不是canves。另外,这个错误的意思是不能读取到未定义对象的'width'属性,意味着你canves.width中canves是未定义的,只要检查一下这个就OK了,这个错误会经常遇到,得知道它产生的原因。

已采纳回答 / 离玮
<...图片...>希望能够解决你的问题。

已采纳回答 / 心有猛虎_细嗅蔷薇
其实在这里已经在CSS中设置好了<canvas id="clock" height="200px" width="200px"></canvas>换成script的写法就是这样:ctx.canvas.width=200ctx.canvas.height=200设置一个变量,目的就是为了不让值写死。

+ 我来回答 回答最高可+2积分

已采纳回答 / 慕容9453778
因为秒钟用的是ctx.fill();方法,所以其 改颜色对应的是ctx.fillStyle=’颜色‘; 又因为分针、时针绘制的方法用的是ctx.stroke();所以要改变其颜色要对应 ctx.strokeStyle='颜色';

已采纳回答 / MarlboroKay
不好意思,上午没有仔细看您的提问<...code...>这样就可以改变外面的边框了。望采纳!

已采纳回答 / 慕勒0538261
默认填充色是黑色,但是当执行第一次else后,就重置了fillStyle为灰色,如果在if中不重新设置下填充色,就会被一直是灰色

已采纳回答 / 邪君灬无情
因为你点的顺序弄错了,先是(-2,20)(2,20)接下来是(1,-r+40)而不是(-1,-r+40),如果是(-1,-r+40)就会交叉结果就会显示成中间一条白线

已采纳回答 / 我欲乘风归去
var rad=2*Math.PI/60*minute+2*Math.PI/60/60*second;不要除以12吧

已采纳回答 / 追觅梦初的国度
你这个思路有点问题,先rotate的话在哪个角度画,这个角度在变的;先画的话,已经画了,然而角度没变的,所以12点。只是rotate对已经画了的路径不起作用。跟css3中的写法还是有点差异的。。。先旋转在画(正确思路);先画在旋转(错误思路);
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消