章节
问答
课签
笔记
评论
占位
占位
今日不再显示

下一节课程: Canvas时钟特效 (06:11) 下一节 重新观看

3 秒后播放下一节

为你推荐

Silva Zhou
Web前端工程师

Silva Zhou,高级前端工程师,同时也熟悉java。搭建过多个项目的前端架构,也担任过java工程师。喜欢研究新技术,backbone、react、angularjs、webpack等都被应用到项目中。喜欢把复杂的技术简单化。

提问题

写笔记

代码语言
公开笔记
提交
加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / qq_慕设计5352929
是将整个画布清空再重新画出的,0,0是从这个矩形的x,y轴坐标都为零的点,也就是左上角开始清空整个画布,因为之前设置的背景之类的已经保存过 所以每次清空重画的就是秒针分针时针clearRect(x,y,width,height)这四个是必选的参数

最赞回答 / 阿猫猫猫猫
如果删除了,那么第一秒出现的是空白,过了一秒(1000毫秒)之后才会出现时钟。所以为了防止出现断层,一开始先把时钟画上去。我是这么理解的。

最赞回答 / 阿猫猫猫猫
是不是在setInterval(draw,1000);之前没有写上draw();的缘故啊?

最新回答 / liuzh_
注意看看 html 是不是有 h5 的头  <!DOCTYPE html>

最新回答 / _Rock
在获取canvas的高度时, var height=cxt.canvas.height , height被你写成了 heigth,所以获取不到高度。有问题请回复,求采纳

最赞回答 / botao555
<...code...>这三个方法的代码可以贴下吗?

最赞回答 / 夢想起航
是不是要先保存一下场景然后在进行渐变操作然后再还原场景在进行绘制其他图形。 还没有打代码,刚看完视频,不过你的这个很有创意呀

最新回答 / 照顾好自己
下面的代码是按照秒针rotate:function drawHour(hour,minute,second){    ctx.save();    ctx.beginPath();   var rad=2*Math.PI/12*hour;    var srad=2*Math.PI/60/60*second;    var mrad=2*Math.PI/12/60*minute+srad;     ctx.rotate(rad+mrad);    ctx.lineWidth=6;    ct...

最新回答 / qq_逃_5
var minute = now.getMinutes();

最新回答 / 雪狼湖小雪
function draw() {ctx.clearRect(0,0,width,height);var now=new Date();var hour=now.getHours();var minute-now.getMinutes();//你把=打成-了var second=now.getSeconds();drawBackground();drawHour (hour,minute);drawMinute (minute);drawSecond (second);drawDot();ctx.rest...

最新回答 / 慕用2870657
最大的可能是你拿错参数了,是height参数,length参数在清除之前效果是一样的。

已采纳回答 / 一只幸福的喵
你用我得代码把,可能哪里你敲错了一个字母,我也没检查出来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() {    ...

已采纳回答 / 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(){     ...
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言