Как я могу обрезать ВНУТРИ фигуры на холсте HTML5?
Я нашел несколько примеров для отсеченияснаружи область дуги (например:этот пример). Я не могу понять, как обрезатьвнутри вместо этого форма дуги.
Вот пример того, как я в настоящее время обрезаю внешний регион, что по сути противоположно тому, что я хочу:
ctx.save();
ctx.beginPath();
ctx.arc(x, y, radius, 0, Math.PI * 2, false);
ctx.clip();
ctx.beginPath();
ctx.lineWidth = 1;
ctx.shadowBlur = 10;
ctx.shadowOffsetX = shadowOffset;
ctx.shadowColor = '#000000';
ctx.strokeStyle = '#000000';
ctx.arc(x, y, radius, 0, Math.PI * 2, false);
ctx.stroke();
ctx.restore();