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));
}
});
})
}