html5_画布绘制绘制实心圆和空心圆

html5_画布绘制绘制实心圆和空心圆_第1张图片

 




绘制实心圆和空心圆






在绘制圆形的时候会用到beginpath()、arc()、closethpath()、fill()这四个方法。

context.arc(x,y,radious,startAngle,endAngle,anticlockwise);

arc本意为用于绘制弧线,当采用适当的参数后,即可绘制圆形。参数中的x,y为起点坐标

radious为半径

startAngle为起始角度

endAngle为结束的角度

anticlockwise为是否按顺时钟方向进行绘制


你可能感兴趣的:(#,HTML5和CSS3)