elaine: Ring auf <canvas> zeichnen

Beitrag lesen

Hallo,

ich möchte ein hohles Objekt auf den Canvas zeichnen (zum Beispiel einen Ring), sodass der bestehende Hintergrund innen erhalten bleibt.

  
ctx.fillRect(  0, 30, 60, 60);	// Hintergrund (Beispiel)  
ctx.fillRect( 10, 10, 50, 50);	// äußeres Rechteck  
ctx.clearRect(20, 20, 40, 40);	// inneres Rechteck  

Auf diese Weise wird der (eckige) Ring zwar sichtbar, aber innen ist der Hintergrund gelöscht, der soll aber sichtbar bleiben.

Zur Zeit sehe ich keine Möglichkeit. Habe es auch mit verschiedenen CompositeOperations und ctx.clip() erfolglos versucht. Hat jemand vielleicht jemand eine Idee?

Es soll auch im IE (über ExplorerCanvas) funktionieren.