Wie kann ich INSIDE eine Form im HTML5-Canvas ausschneiden?

Ich habe eine Reihe von Beispielen für das Ausschneiden der gefundendraußen Bereich eines Bogens (z. B .:dieses Beispiel). Ich kann nicht scheinen, herauszufinden, wie man schneidetInnerhalb stattdessen die Bogenform.

Hier ist ein Beispiel, wie ich gerade die äußere Region beschneide, was im Wesentlichen das Gegenteil von dem ist, was ich will:

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();

Antworten auf die Frage(3)

Ihre Antwort auf die Frage