上一篇说过使用arc属性绘制一个完整的圆,这是绘制扇形是不是可以刷一下小聪明吧弧度修改一下,你会发现绘制的扇形想西瓜皮一样,只有初始弧度到结束弧度的一个简单连接,就行下面这个样子,这肯定不是我们想要扇形的样子哇...扇形的弧度没有到圆心的连线啊,这不是我们理想中的扇形,(如下图)
这样老实巴交的扇形如何实现呢,很简单,在绘制扇形前进行路径引入
context.beginPath();
contetx.moveTo...;
var cv=c.getContext('2d');
// context.arc(x,y,r,sAngle,eAngle,counterclockwise) 创建弧/曲线
// (用于创建圆形或部分圆...// y 圆的中心的 y 坐标。
// r 圆的半径。
// sAngle 起始角,以弧度计。(弧的圆形的三点钟位置是 0 度)
// eAngle 结束角,以弧度计。...body>
PS:空心圆实现原理:在原图上进行相同的圆心进行绘制一个比原来的圆半径小的圆,填充色为背景色,造成假象被挖空!