html - Transparent overlapping circles without border in background -


is possible implement transparent overlapping svg circle elements without circles border in transparent area?

enter image description here

you can clip bits don't want draw...

<svg height="100" width="150">    <defs>        <clippath id="clip" clippathunits="objectboundingbox">            <rect width="0.79" height="1.2" x="-0.1" y="-0.1"/>        </clippath>    </defs>    <rect width="100%" height="100%" fill="blue" opacity="0.2" />    <circle cx="80" cy="50" r="40" stroke="black" stroke-width="3" fill="none" />    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="none" clip-path="url(#clip)"/>  </svg>


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -