什么是 Canvas？

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。javascript

画布是一个矩形区域，您能够控制其每一像素。css

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。html

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。java

ps:Internet Explorer 8 以及更早的版本不支持 标签。canvas

理解坐标

在canvas中，画布的 X 和 Y 坐标用于在画布上对绘画进行定位，画布的左上角为坐标原点(0,0)。api

在canvas中的坐标以下：浏览器

在Canvas中用来绘制圆形的javascript api函数为arc(x,y,radius,startAngle,endAngle,antiClockwise(Boolean));函数

参数说明:ui

x，y是圆心的坐标，htm

radius是圆的半径，

startAngle 圆的起始角度，

endAngle圆的结束角度，