{7{{{asddas

sdasdasconst width = window.innerWidth;
      const height = window.innerHeight;

      const svg = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'svg'
      );
      svg.setAttribute('width', width);
      svg.setAttribute('height', height);
      document.body.appendChild(svg);

      const mask = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'mask'
      );
      mask.setAttribute('id', 'circle-mask');
      svg.appendChild(mask);

      const maskRect = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'rect'
      );
      maskRect.setAttribute('width', width);
      maskRect.setAttribute('height', height);
      maskRect.setAttribute('fill', 'black');
      mask.appendChild(maskRect);

      const circle = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'circle'
      );
      circle.setAttribute('cx', width / 2);
      circle.setAttribute('cy', height / 2);
      circle.setAttribute('r', 200);
      circle.setAttribute('fill', 'white');
      mask.appendChild(circle);

      const mask2 = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'mask'
      );
      mask2.setAttribute('id', 'circle-mask-2');
      svg.appendChild(mask2);

      const maskRect2 = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'rect'
      );
      maskRect2.setAttribute('width', width);
      maskRect2.setAttribute('height', height);
      maskRect2.setAttribute('fill', 'white');
      mask2.appendChild(maskRect2);

      const circle2 = document.createElementNS(
        'http://www.w3.org/2000/svg',
        'circle'
      );
      circle2.setAttribute('cx', width / 2);
      circle2.setAttribute('cy', height / 2);
      circle2.setAttribute('r', 200);
      circle2.setAttribute('fill', 'black');
      mask2.appendChild(circle2);

      const n = 100;
      for (let i = 0; i < n; i++) {
        const rect = document.createElementNS(
          'http://www.w3.org/2000/svg',
          'rect'
        );
        rect.setAttribute('y', i * 20);
        rect.setAttribute('width', width);
        rect.setAttribute('height', 10);
        rect.setAttribute('mask', 'url(#circle-mask)');
        svg.appendChild(rect);
      }

      for (let i = 0; i < n; i++) {
        const rect = document.createElementNS(
          'http://www.w3.org/2000/svg',
          'rect'
        );
        rect.setAttribute('x', i * 20);
        rect.setAttribute('width', 10);
        rect.setAttribute('height', height);
        rect.setAttribute('mask', 'url(#circle-mask-2)');
        svg.appendChild(rect);
      }d
s
das
das