JavaScript canvasで扇型を描画するサンプル

context.beginPath();
context.moveTo(150, 150)
context.fillStyle = "#f3f3f3";
context.arc(150, 150, 100, 0 * Math.PI / 180, 45 * Math.PI / 180, true);
context.fill();

var canvas = document.getElementById("canvas");
canvas.width=300;
canvas.height=300;

var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(150, 150);
context.fillStyle = "#3f7845";
context.arc(150, 150, 100, 20 * Math.PI / 180, 45 * Math.PI / 180, false);
context.fill();