Ring auf <canvas> zeichnen

[elaine]

ctx.beginPath();
ctx.arc(75,75,50,0,Math.PI,false);
ctx.arc(75,75,35,Math.PI, 0,true);
ctx.arc(75,75,50,0,Math.PI,true);
ctx.arc(75,75,35,Math.PI, 0,false);
ctx.fill();

Das ist ja super!! Danke schön :)

Es funktioniert auch für allgemeine Formen, man braucht nur die äußere und die innere Kontur zu verbinden, sodass die gesamte Form am Stück gezeichnet wird. Die Konturlinie darf sich dabei nicht überschneiden, also muss der innere Pfad in entgegengesetzter Richtung gezogen werden.

Viele Grüße