Comment nettoyer une région en forme de polygone dans un élément de voile?

J'ai utilisé la fonction clearRect, mais je n'ai pas vu d'équivalent pour les polygones. J'ai ingénument essayé:

ctx.fillStyle = 'transparent'; ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(100,50); ctx.lineTo(50, 100); ctx.lineTo(0, 90); ctx.closePath(); ctx.fill(); 

Mais cela crée simplement une région transparente et n'a pas d'effet sur ce qui existe déjà. Existe-t-il un moyen d'effacer les régions polygones à l'intérieur de l'élément toile?

• La fonction loadFromJSON () charge les objets remplis de Pattern uniquement après l'événement Click sur le Canvas
• Détection d'un clic sur scène mais pas sur Shape in KineticJS
• Position de la souris dans HTML 5 Canvas
• Définir l'arrière-plan css d'une image dans un stockage local
• Combinaison de deux images sur une toile en HTML5

 ctx.globalCompositeOperation = 'destination-out'; ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(100,50); ctx.lineTo(50, 100); ctx.lineTo(0, 90); ctx.closePath(); ctx.fill();