一.绘制圆弧
1.学习canvas的网站
图中的知识来源于MDN Web Docs。
canvas参考教程:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes
2.知识点
绘制圆弧的时候,我们需要学习arc方法。
ctx.arc(200,200,100,0,2*Math.PI,false);
(200,200)是圆的坐标。
100是圆的半径。
0是起始位置。
2*Math.PI是结束位置,相当于是7。如果结束位置与起始位置的差为7,就能绘制出一个圆。
false是顺时针方向。
二.源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">