Добавил альтернативный режим рендеринга PDF

src/Otchinslator/Components/Pages/Home.razor

@@ -73,20 +73,6 @@
                     </div>
                 </button>
                 <div class="divider" style="margin-top: 0.25rem;"></div>
-                @* <button id="downgrade" class="btn h-16 btn-primary rounded-full text-2xl relative"> *@
-                @*     Понизить курс *@
-                @*     <div class="absolute bg-base-200 rounded-full right-1 w-14 h-14"> *@
-                @*         <img class="p-2" src="img/down.svg" alt=""/> *@
-                @*     </div> *@
-                @*     <i class="absolute text-sm bottom-0 text-base-200 font-medium">временно недоступно</i> *@
-                @* </button> *@
-                @* <button id="akadem" class="btn h-16 btn-primary p-0 rounded-full text-2xl relative"> *@
-                @*     Уйти в академ *@
-                @*     <div class="absolute bg-base-200 rounded-full right-1 w-14 h-14"> *@
-                @*         <img class="p-2" src="img/akadem.svg" alt=""/> *@
-                @*     </div> *@
-                @*     <i class="absolute text-sm bottom-0 text-base-200 font-medium">временно недоступно</i> *@
-                @* </button> *@
                 <CascadingAuthenticationState>
                     <AuthorizeView>
                         <Authorized>

src/Otchinslator/Components/Pages/Result.razor

@@ -25,10 +25,13 @@
         class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/4 transform -translate-x-1/2 italic">
         <br>Заявление готово
     </div>
-    <object data="/getStatement" type="application/pdf" class="w-96 sm:w-[32rem] h-[30rem] rounded-2xl">
+    <div id="pdfrenderer">
-        <p class="text-center">Не удалось отобразить заявление, попробуйте скачать <a href="/getStatement">(тык) или
+        <object data="/getStatement" type="application/pdf" class="w-96 sm:w-[32rem] h-[30rem] rounded-2xl text-center">
-                открыть в браузере на основе Firefox</a></p>
+            <p>Не удалось отобразить заявление</p>
+            <button id="alterRender" class="btn btn-primary my-2">использовать альтернативную отрисовку</button>
+            <p>или откойте в браузере на основе Firefox</p>
         </object>
+    </div>
     <div class="join w-full mt-4 flex gap-2">
         <a href="/" class="relative btn btn-primary rounded-full flex-grow-0 w-[3rem] h-[3rem]">
             <img class="absolute p-3" src="img/exit.svg" alt=""/>
@@ -45,3 +48,31 @@
         </a>
     </div>
 </div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
+<script>
+    const alterRenderButton = document.getElementById('alterRender');
+    alterRenderButton.addEventListener('click', alterRender);
+
+    function alterRender() {
+        const pdfrenderer = document.getElementById('pdfrenderer');
+        const url = '/getStatement';
+        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 rounded-2xl"></canvas>';
+        pdfjsLib.getDocument(url).promise.then(function (pdf) {
+            pdf.getPage(1).then(function (page) {
+                const viewport = page.getViewport({scale: 1});
+
+                const canvas = document.getElementById('pdf-canvas');
+                const context = canvas.getContext('2d');
+                canvas.width = viewport.width;
+                canvas.height = viewport.height;
+
+                const renderContext = {
+                    canvasContext: context,
+                    viewport: viewport
+                };
+                page.render(renderContext);
+            });
+        });
+    }
+</script>