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();