html扇形展开,html5扇形写法canvas

扇形，就是一个不完整的圆，提到圆，我们就能马上想到用arc方法来画。的确，arc可以画出扇形的弧线，但光是靠arc我们是不能画出扇形的，下面列举画扇形详解，直接上代码：html>

canvas{

background: #1E90FF;

}

var canvas = document.getElementById("canvas");

var cv = canvas.getContext('2d');

//开启路径

cv.beginPath();

//定义笔触开始的地方

cv.moveTo(300,220);

//定义扇形的路径  半径200   60度开始，120度结束，这个扇形60度

cv.arc(300,220,200,60*Math.PI/180,120*Math.PI/180)

//设置圆形圆的坐标距离左边400,上面300,半径100  角度,弧度 0*math.PI/180,360*Math.PI/180

//cv.arc(400,300,100,0*Math.PI/180,360*Math.PI/180);

//指定填充颜色

cv.fillStyle = 'yellow';

//图开填充

cv.fill();

//开启路径

cv.beginPath();

//定义笔触开始的地方

cv.moveTo(300,220);

//定义扇形的路径  半径200   120度开始，200度结束，这个扇形80度

cv.arc(300