html - Transparent overlapping circles without border in background -
is possible implement transparent overlapping svg circle elements without circles border in transparent area?
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
Post a Comment