我正在学习使用 HTML5 Canvas ,并且我决定对圆形的绘制进行动画处理:
http://codepen.io/anon/pen/KdpyVm
它从一个点开始正确地开始绘制,然后完成一个圆。但显然有一些基本的事情我不明白。
- 为什么在绘制时,圆弧最初显示为粗体,然后线条变细了 3/4?它是否以某种方式重新绘制自身?
- 当弧
endAngle
达到2PI时,为什么不重新开始?
最佳答案
您没有清除整个 Canvas (仅左上角部分),因此线条中的额外粗细是在重绘圆圈时未清除的 Canvas 部分中发生的:
ctx.clearRect(0,0,600,600);
关于javascript - 为什么我的 HTML5 Canvas 绘图会这样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32456201/