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

Canvas 绘制时钟

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

已采纳回答 / 慕仔1661316
forEach是js里对象的方法,和java里的没关系

最新回答 / 慕圣2809978
将ctx.arc(0,0,r,0,2*Math.PI,false)改成ctx.arc(0,0, r - 5,0,2*Math.PI,false)就可以完整显示圆

最新回答 / 上头
分以下两个情况(1)如果你安装好插件的情况下,在你打开的html文件的上,鼠标右键,就看到一个 “在浏览器打开”的选项,选择它就可以了(2)如果没有装好插件,是没有这个选项的,可以“预先打开你要进行编辑的html文件”或 “在你编辑的html文件右键,选择打开所在的文件夹,然后打开就可以了”两个选项如下图所示 :<...图片...>至于sublime text的常用插件和安装方法网上一搜一大堆,自己搞吧兄弟。 :)

最赞回答 / null127
window.onload=function(){}  应该要先onload一下 才能执行代码

最赞回答 / PantaQ
window.onload=function() {}用这段代码把你的代码包含起来,应该就可以了

最新回答 / guoyou
我现在用HBuilder  平时用sublime text

已采纳回答 / shsgear
你把drawBackground和drawDot函数放在draw()函数外面没有意义,因为每次执行draw函数都会直接清除画布,还是会被清除掉.尝试下这样:<...code...> 个人感觉画布在restore和save上要多加小心,很容易出错了,我是调试时没有在draw()函数忘了写上ctx.restore()出现跟你一样的情况,加上之后发现虽然不错位了,但是没有清除的效果,所以就改成了上面的在定时器里清除画布全部代码如下:<...code...>

最新回答 / then呢
钟表效果 js绘画 真心很强大 我模拟了一次就爱上了

最赞回答 / LEES
应该是webStorm或者Intellij Idea,同时推荐用这两个工具

最赞回答 / qq_手心的繁星_03822768
因为画布默认的起点实在左上角。使用translate()函数将中心移动到画布中心,参考w3c的canvas手册http://www.w3school.com.cn/tags/canvas_translate.asp

已采纳回答 / 无题毛毛
<script type="text/javascript"> 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.s...
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消