cut holes in svg shapes

Daniel

Code: Whatever

2021-06-15 05:17:32

<div style="background: #ddf">
  <svg width="200" height="200">
    <defs>
      <mask id="hole">
        <rect width="100%" height="100%" fill="white"/>
        <circle r="50" cx="100" cy="100" fill="black"/>
      </mask>
    </defs>

    <circle id="donut" r="100" cx="100" cy="100" mask="url(#hole)" />

  </svg>
</div>

New to Communities?

Join the community

cut holes in svg shapes

Related

New to Communities?