Subtract one circle from another in SVG
A mask is what you want. To create a <mask>, make things you want to keep white. The things you want to be invisible make black. Colours in between will result in translucency. So the resulting SVG is similar to your pseudo-markup and looks like this: <div style=”background: #ddf”> <svg width=”200″ height=”200″> <defs> <mask id=”hole”> … Read more