Remove glow from HTML5 canvas drawings? <p>If I draw a green circle on a black background, then draw the same circle in black, a green shadow/glow is left behind. The circle is not actually erased.</p> <p>How do I make it purely black again and remove the glow?</p> <p>I've tried <code>context.shadowColor = "transparent";</code></p> <p>Here is a snippet:</p> <pre><code>context.beginPath(); context.arc(x-1, y-2, 2, 0, 2*Math.PI); context.fillStyle = "#FF0000"; //context.strokeStyle = "#FF0000"; //context.stroke(); context.fill(); context.beginPath(); context.arc(x-1, y-2, 2, 0, 2*Math.PI); context.fillStyle = "#000000"; //context.strokeStyle = "#000000"; //context.stroke(); context.fill(); </code></pre> <p>Here is the full object:</p> <p><a href="https://i.stack.imgur.com/DzfpC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DzfpC.png" alt="enter image description here"></a></p>