<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<canvas id="my" width="1000" height="1000" style="border: 5px dashed black;"></canvas>
<script>
var cnv=document.getElementById("my");
var cxt=cnv.getContext("2d");
createSector(cxt,100,100,80,30,120);
cxt.fillStyle="Hotpink";
cxt.fill();
function createSector(cxt,x,y,r,angle1,angle2){
cxt.beginPath();
cxt.moveTo(x,y);
cxt.arc(x,y,r,angle1*Math.PI/180,angle2*Math.PI/180);
cxt.closePath();
}
</script>
</body>
</html>
效果如图: