function againrenderPage()

in microservices/adp_ui/src/components/DocumentReview.js [189:240]


  function againrenderPage(startPage, pageNumber, obj, color) {
    console.log("pageNumber,obj", startPage, pageNumber, obj)
    currPage = startPage;
    console.log("&&&&&&&", currPage, thePdf)
    thePdf.getPage(currPage).then(function (page) {
      console.log('Page loaded', page);
      canvas = document.createElement("canvas");
      canvas.className = `pdf-page-canvas-${currPage}`;
      canvas.strokeStyle = 'black'
      viewer.appendChild(canvas);
      var scale = 1.5;
      var rotation = 0;
      var dontFlip = 0;
      var viewport = page.getViewport({ scale, rotation, dontFlip });

      // Prepare canvas using PDF page dimensions
      context = canvas.getContext('2d');
      canvas.height = viewport.height;
      canvas.width = viewport.width;
      //page.render({canvasContext: canvas.getContext('2d'), viewport: viewport});
      var renderContext = {
        canvasContext: context,
        viewport: viewport
      };
      var renderTask = page.render(renderContext);
      renderTask.promise.then(function () {
        console.log("Pahge rendered");
        if (pageNumber === currPage) {
          const { x1, x2, y1, y2 } = obj;
          console.log("OBJJJJJ", obj);
          let x = x1 * canvas.width;
          let y = y1 * canvas.height;
          let w = (x2 * canvas.width) - (x1 * canvas.width)
          let h = (y2 * canvas.height) - (y1 * canvas.height)

          console.log("X,Y,W,H", x, y, w, h)
          context.strokeStyle = "#4285F4";
          context.fillStyle = color;
          context.fillRect(x, y, w, h);
          context.lineWidth = 5;
          context.strokeRect(x, y, w, h);
        }
        currPage++;
        console.log("currpageeeeee", currPage, thePdf.numPages, thePdf)
        if (thePdf !== null && currPage <= thePdf.numPages) {
          console.log("currpagesssssssssssss", currPage)
          thePdf.getPage(currPage).then(againrenderPage(currPage, pageNumber, obj, color));
        }
      });

    })
  }