HTML5每日一练之Canvas标签的应用-绘制圆形

HTML5每日一练之Canvas标签的应用-绘制圆形

咱们上一节学习了如何使用Canvas绘制矩形，如果想要绘制一个圆形是不是还跟举行一样呢？

绘制圆形的步骤：

有些步骤与上节的绘制矩形差不多，股在这里不再赘述。如果没有看上节内容的，请点击这里——HTML5每日一练之Canvas标签的应用-绘制矩形。

1、开始创建路径
首先使用图形上下文对象的beginPath()方法。

2、创建圆形路径
创建圆形路径时，需要使用圆形上下文对象的arc()方法。
arc(x, y, radius, startAngle, endAngle, anticlockwise);
x：表示起点横坐标
y：表示起点纵坐标
radius：表示圆形半径
startAngle：表示开始角度
endAngle：表示结束角度
anticlockwise：表示是否按照顺时针绘制，boolean类型

3、关闭路径
当创建完路径后，要使用图形上下文对象的closePath()方法将路径关闭。

4、绘制图形样式
这个我想就不用多说了。

案例

以上就是HTML5每日一练之Canvas标签的应用-绘制圆形的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！