pdf.js | PDF Reader in JavaScript | Document Editor library

The goal is to render pages of a pdf to an offsrceen canvas to that I can copy portions of the page to a visible canvas. As a first step, the code below is intended to render the entire first page of a pdf. It renders to an offscreen canvas, then copies from offscreen to the visible canvas. Or that was my intention. Nothing appears.

I’m using a select dropdown to load pdf files from a folder in my ASP.Net MVC project which works without a hitch. What I’m trying to achieve now is to load a pdf file when a user clicks on a file from the dropdown and load it. I’m able to retrieve some of the needed data but am unsure on how to proceed to make it work using ajax. Any guidance would be much appreciated. Below is what I have done so far.

I am using A-Frame and pdf.js to create an application to view PDF files in VR. The application works as expected on desktop, including advancing to the next page of the PDF document and re-rendering to a canvas.

When running in a browser in VR (tested with Quest 2), the first attempt renders as expected. However, when rendering a second document page to the canvas, the new image fails to appear unless exiting VR mode, at which point the new texture appears as expected.

I have tried setting the associated material map.needsUpdate repeatedly (in an A-Frame component tick loop) to no effect. While experimenting, I also noticed that if you try to render a new PDF page a second time and then another page a third time (advancing by two pages while in VR mode), when exiting VR mode, only the texture from the second time appears; the data from the third render appears to be lost - I wonder if this is related to the primary issue.

Code for a minimal example is below, and a live version is available at http://stemkoski.net/test/quest-pdf-min.html . When viewing the example in desktop mode, you can advance to the next page by opening the browser JavaScript console and entering testBook.nextPage(); and see that the image changes as expected. You can test in VR mode with a Quest headset; pressing the A button should advance to the next page.

The question is: how can I render pages of a PDF document to the same canvas, multiple times, while in VR mode in A-Frame?

Configuration:

• Web browser and its version: Chrome 97.0.4692.99
• Operating system and its version: MacOS 10.15.5
• PDF.js version: 2.12.313
• Is a browser extension: no

1. I use the range request to render pdf
2. I get more chunks with this line of code await this.pdfManager.requestRange(ex.begin, ex.end);;
3. These chunks are unnecessary when rendering first page;
4. The program also seems to run fine when I comment this line of code, and I can get less chunks to make the first page faster;
5. So what does this part of the code do?
6. Is it possible not to execute it or not to use await?

I have used pdf-viewer-reactjs into my Next.js project. But getting following error.

I'm trying to redirect to another page with passing data after submitting form in using react-router-dom v6. When I will click on submit, data will be submited and the application will take me to the "Download PDF" page, also the form data will pass registration page to the "Download PDF" page.

Example Code:

ConfirmRegistration.js

I have a pipeline that does an npm install followed by angular build and recently I added a caching task to relieve installation which was working splendidly until the developer added a new private dependency of "runtime-config-loader": "^3.0.0".

This may require npm re-install again, however, for some reason the caching task doesn't think it requires a re-install, and so it skips over the npm install and then fails at the angular build, most likely because npm did not re-install on the agent.

I disabled the caching task and removed the custom condition eq(variables['CACHE_RESTORED'],False) from the npm install task, and the build is succeeding just fine.

Why is the cache not recognizing the need to re-install dependencies again? and how do I delete the cache so that npm installs again? As a reminder, when I disable the cache task and npm re-installs again on the agent, the build succeeds - so this is certainly a caching problem.

Here is the build YAML:

I am trying to follow the documentation for pdfjs found here https://www.pdftron.com/documentation/core/guides/features/manipulation/remove/ in an attempt to remove a page from a PDF I have uploaded to my html page. Here is my html code:

i want to rewrite all URLs with trailing ".pdf" to open the pdf-files in the mozilla.pdf.js and have successfully testet following RewriteRule and RewriteCond on my HTTP virtual host (I use apache2 on ubuntu server btw):

example URL to rewrite: