使用canvas画扇形,首先要获取canvas的上下文:接下来,我们要画一个圆心坐标为(x,y),半径为r的扇形,开始角度为sAngle,结束角度为eAngle:
使用canvas画扇形,首先要获取canvas的上下文:
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
接下来,我们要画一个圆心坐标为(x,y),半径为r的扇形,开始角度为sAngle,结束角度为eAngle:
context.beginPath();
context.arc(x, y, r, sAngle, eAngle);
context.lineTo(x, y);
context.closePath();
context.fillStyle = '#FF0000';
context.fill();
最后,我们给扇形上色:
context.fillStyle = '#FF0000';
context.fill();
完整代码如下:
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(25条)