                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas 绘制时钟

圆的半径从r变成r-5怎么来的，没听懂

请问为啥最后圆的半径是r-5,有点晕

慕粉3954924

2016-12-22

源自：Canvas 绘制时钟 3-1

关注问题我要回答

934

操作

收起

4 回答

KCF3594285
2017-03-13

看了各位的答案，我是这样理解的。。

0 回复有任何疑惑可以回复我~

任性不是罪
2017-02-27

因为lineWidth的宽度值是以图形的边缘为基准向两边扩展的，也就是说原来的半径为r，给了一个10像素的宽度，那么新的半径（到最外边）就是r+5，到内边的半径就是r-5。

1 回复有任何疑惑可以回复我~

Qzhor
2017-01-15

理论上讲我也觉得是r-10，线宽10那两边不都得减10么，哈哈，

但是。。实际上是r-5才能实现效果，具体我也不懂T T~~前面一堆长篇大论的不知道在云云什么东东。。

1 回复有任何疑惑可以回复我~

轩_翊少4254100
2016-12-24

因为圆边框的宽度是10px

为了保证圆边框四边不被“切掉” 故将圆半径减少5px

0 回复有任何疑惑可以回复我~

#1

慕粉3954924 提问者

还是不懂，为啥就是5呢？

2016-12-24 回复有任何疑惑可以回复我~

#2

野生前端菜鸟回复慕粉3954924 提问者

你把它想成盒模型的border,线宽 10 它包括的是上下总共或是左右总共 = 10 ，左或右就是5,所以 r-5

2017-01-20 回复有任何疑惑可以回复我~

#3

任性不是罪

请说重点。。。。。。

2017-02-27 回复有任何疑惑可以回复我~

查看1条回复

举报

0/150

提交

取消

Canvas 绘制时钟

参与学习 49750 人
解答问题 160 个

canvas画出漂亮的时钟，通过本教程能重新掌握一些几何知识

本课相似问答

3 回答圆的半径为什么是r-5,而不是r-10

1 回答r-5怎么来的？

7 回答没有出来圆的效果

2 回答为什么我照着老师的写，但是我的圆是半圆，数字也只显示一半的了

2 回答在计算x和y的值时为什么要用r-30？

搜索更多本课相关问答

圆的半径从r变成r-5怎么来的，没听懂

我要回答关注问题

意见反馈帮助中心 APP下载