用canvas标签画弧和圆

一、方法

context.arc(
centerX,centerY,radius,//分别表示圆心的X坐标,Y坐标,半径
startingAngle,endingAngle,//开始弧度值,结束弧度值
anticlockwise = false,//可选参数,不写则默认以顺时针方向,若填 true,则以逆时针方向
)

默认初始位置弧度值说明:

弧度值开始和结束

二、例如

1.以0弧度为起点,逆时针画一个3/4圆弧

3/4圆弧

2.以1.5弧度为起点,顺时针画一个1/4圆弧

1/4圆弧

3.画多段弧

多段弧

beginPath()//重新开始新的路径

closePath()//结束当前路径,如果当前路径没有封闭,则会自动封闭当前路径

注意:二者不一定成对存在

2019-12-06 06:44:09