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

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
分针也要跟着秒针的走动来走动的,贴下代码
function drawMinutes(minutes, seconds) {
ctx.save();
ctx.beginPath();
ctx.rotate(2 * Math.PI / 60 * (minutes + seconds / 60));
ctx.lineWidth = 3 * rem;
ctx.lineCap = 'round';
ctx.moveTo(0, 10 * rem);
ctx.lineTo(0, -r + 30 * rem);
ctx.stroke();
ctx.restore();
}
2016-1-15 春节???
不要尝试用 css直接改变canvas大小,因为会在横纵轴上产生拉伸。调整canvas大小应使用行内样式。
不能显示原因1书写检查,2控制台报错dom为null,应该在JS文件前加window.onload=function(){}才会执行函数3,不支持canvas元素,这种情况较少,几乎都支持canvas元素5绘制圆形注意参数个数
谢谢老师!!
<script>alert(document.cookie())</script>
我们阔以看一下
感谢老师。讲得很清晰
老师你普通话可以
哭死了,照着屏幕上的代码写的,可就是不出来了,一个词一个词检查好几遍就是不知道哪错了。。。
圆弧度 计算公式 角度*半径*2*3.14/360
很好,大大的赞!!!
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消