834573: Optimized code using getPageInfo

Author: SF4524LogeshKumar

How to/Library Bounds to Viewer Bounds/PDFViewerSample/PDFViewerSample/Pages/Index.cshtml

@@ -19,15 +19,6 @@
     document.addEventListener('DOMContentLoaded', function () {
         var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
 
-        pdfViewer.ajaxRequestSuccess = function (args) {
-            if (args.action === 'Load') {
-                let objLength = Object.keys(args.data.pageSizes).length;
-                for (var x = 0; x < objLength; x++) {
-                    var pageSize = args.data.pageSizes[x];
-                    pageSizes.push(pageSize);
-                }
-            }
-        };
 
         pdfViewer.exportSuccess = function (args) {
             console.log(args.exportData);
@@ -41,37 +32,34 @@
                     var shapeAnnotationData = datas['pdfAnnotation'][0]['shapeAnnotation'];
                     shapeAnnotationData.forEach(data => {
                         if (data && data.rect && parseInt(data.rect.width)) {
-                            var pageHeight = pageSizes[parseInt(data.page)].Height;
-
+                            let rect = null;
+                            const pageHeight = pdfViewer.getPageInfo(parseInt(data.page)).height;
                             // Converting PDF Library values into PDF Viewer values.
-                            var rect = {
+                            rect = {
                                 x: (parseInt(data.rect.x) * 96) / 72,
-
-                                // Converting pageHeight from pixels(PDF Viewer) to points(PDF Library) for accurate positioning
-                                // The conversion factor of 72/96 is used to change pixel values to points
-                                y: (parseInt(pageHeight) * 72 / 96 - parseInt(data.rect.height)) * 96 / 72,
+                                y: (parseInt(pageHeight) - parseInt(data.rect.height)) * 96 / 72,
                                 width: (parseInt(data.rect.width) - parseInt(data.rect.x)) * 96 / 72,
                                 height: (parseInt(data.rect.height) - parseInt(data.rect.y)) * 96 / 72,
                             };
-                            console.log(data.name, rect, "-------------------------");
-                        }
 
-                        if ((data.type == 'Line' || data.type == 'Arrow') && data.start && data.end) {
-                            const [startX, startY] = data.start.split(',').map(Number);
-                            const [endX, endY] = data.end.split(',').map(Number);
+                            if ((data.type == 'Line' || data.type == 'Arrow') && data.start && data.end) {
+                                const [startX, startY] = data.start.split(',').map(Number);
+                                const [endX, endY] = data.end.split(',').map(Number);
 
-                            const pageHeight = pageSizes[parseInt(data.page)].Height;
-                            const pdfStartX = (startX * 96) / 72;
-                            const pdfStartY = (parseInt(pageHeight) * 72 / 96 - startY) * 96 / 72;
-                            const pdfEndX = (endX * 96) / 72;
-                            const pdfEndY = (parseInt(pageHeight) * 72 / 96 - endY) * 96 / 72;
+                                const pageHeight = pdfViewer.getPageInfo(parseInt(data.page)).height;
+                                const pdfStartX = (startX * 96) / 72;
+                                const pdfStartY = (parseInt(pageHeight) - startY) * 96 / 72;
+                                const pdfEndX = (endX * 96) / 72;
+                                const pdfEndY = (parseInt(pageHeight) - endY) * 96 / 72;
 
-                            var rect = {
-                                x: Math.min(pdfStartX, pdfEndX),
-                                y: Math.min(pdfStartY, pdfEndY),
-                                width: Math.abs(pdfEndX - pdfStartX),
-                                height: Math.abs(pdfEndY - pdfStartY),
-                            };
+                                rect = {
+                                    x: Math.min(pdfStartX, pdfEndX),
+                                    y: Math.min(pdfStartY, pdfEndY),
+                                    width: Math.abs(pdfEndX - pdfStartX),
+                                    height: Math.abs(pdfEndY - pdfStartY),
+                                };
+
+                            }
 
                             console.log(data.name, rect, "-------------------------");
                         }

How to/Library Bounds to Viewer Bounds/PDFViewerSample/PDFViewerSample/Pages/Shared/_Layout.cshtml

@@ -8,9 +8,9 @@
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/PDFViewerSample.styles.css" asp-append-version="true" />
     <!-- Syncfusion ASP.NET Core controls styles -->
-    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/27.1.48/fluent.css" />
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/27.1.57/fluent.css" />
     <!-- Syncfusion ASP.NET Core controls scripts -->
-    <script src="https://cdn.syncfusion.com/ej2/27.1.48/dist/ej2.min.js"></script>
+    <script src="https://cdn.syncfusion.com/ej2/27.1.57/dist/ej2.min.js"></script>
 </head>
 <body>
     <div class="container">