HTML5使用画布绘制空心圆和实心圆。

本文主要介绍用HTML5画布绘制空心圆和实心圆，有需要的朋友可以参考下。





我们在这里分享的是一个空心圆和实心圆的实践问题，这是在学习画布时完成的。这很简单。




复制代码代码如下所示：
VaR的画布document.getelementbyid（画布）；
VaR CXT = canvas.getcontext（2D）；
绘制一个空心圆
Cxt.beginPath（）；
Cxt.arc（200200,500360，假）；
CXT线宽= 5；
CXT。strokeStyle = 绿色；
（CXT。中风）； / /空心圆画
Cxt.closePath（）；
绘制一个实心圆
Cxt.beginPath（）；
Cxt.arc（200100,500360，假）；
CXT。fillStyle =红色； / /填充颜色，默认是黑色的
（CXT。填写）； / /画一个实心圆
Cxt.closePath（）；
复合中空和实心
Cxt.beginPath（）；
Cxt.arc（300300,500360，假）；
CXT。fillStyle =红色；
Cxt.fill（）；
CXT。strokeStyle = 绿色；
Cxt.stroke（）；
Cxt.closePath（）；